我有一些复选框是每周的几天。我只想遍历,并显示所有在追加中选择的内容。

的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>


Java脚本

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

最佳答案

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

08-08 06:50