Javascript - 从复选框返回值

Javascript - Returning values from checkboxes

本文关键字：返回值 复选框 Javascript      更新时间：2023-09-26

我有一些复选框，上面有星期几。 我只想循环浏览，并显示在追加中选择的所有内容。

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

爪哇语

$(".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>');
    });
});

使用 .map().get() ：

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

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

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

或

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