Javascript - 从复选框返回值

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