Javascript - Returning values from checkboxes

Question

I have some checkboxes which feature days of the week. I simply want to loop through, and display all those selected within an append.

HTML

<div class="col-lg-8">
 <input type="checkbox" value="Mon" class="dayname" name="days[]"> M
 <input type="checkbox" value="Tues" class="dayname" name="days[]"> T
 <input type="checkbox" value="Wed" class="dayname" name="days[]">W
 <input type="checkbox" value="Thurs" class="dayname" name="days[]">T
 <input type="checkbox" value="Fri" class="dayname" name="days[]">F
 <input type="checkbox" value="Sat" class="dayname" name="days[]">S
 <input type="checkbox" value="Sun" class="dayname" name="days[]">S
</div>

Javascript

$(".dayname").click(function() {
   alert( $(this).attr("name") );
   $('.dayname').val();
});

Mangesh Parte · Accepted Answer · 2014-12-09 11:59:28Z

2

Try this: JSFIDDLE

$(".dayname").click(function() {
    alert( $(this).attr("name") );

    $('#log').html(''); // Clears the log div

    $('.dayname:checked').each(function(e){
        $('#log').append('<p>'+$(this).val()+'</p>');
    });
});

edited Dec 9, 2014 at 11:59

answered Dec 9, 2014 at 9:04

Mangesh Parte

2,1771 gold badge13 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jai · Accepted Answer · 2014-12-09 09:08:20Z

1

Use .map().get():

$(".dayname").change(function() {
   var days = $('.dayname:checked').map(function(){
                 return this.value;
              }).get();
   console.log(days); // prints the checked checkboxes values
});

answered Dec 9, 2014 at 9:08

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Comments

user3263194 · Accepted Answer · 2014-12-09 09:11:00Z

-1

var checkedDays=[];
$(".dayname").click(function() {
   //alert( $(this).attr("name") );
   $('.dayname:checked').each(function(e){
      //alert($(this).val());

   });
    checkedDays.push($(this).val());
   alert(checkedDays);
});

answered Dec 9, 2014 at 9:11

user3263194

4537 silver badges20 bronze badges

Comments

Sharma Vikram · Accepted Answer · 2014-12-09 09:11:14Z

-1

$(".dayname").click(function() {
  alert( $(this).attr("value") );
});

Or

$(".dayname").change(function() {
if($(this).is(":checked")) {
    alert($(this).attr('value'));
}
});

edited Dec 9, 2014 at 9:11

answered Dec 9, 2014 at 9:06

Sharma Vikram

2,4846 gold badges26 silver badges48 bronze badges

Collectives™ on Stack Overflow

Javascript - Returning values from checkboxes

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related