Question

我有一些复选框，其中包含一周中的几天。我只是想循环，并显示在追加中选择的所有内容。

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();
});

Answer 1

试试这个：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>');
    });
});

Answer 2

使用.map().get()：

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

Answer 3

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

或者

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

Answer 4

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

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

Javascript - 从复选框返回值

4 个答案: