Question

我想显示chekbox的所有cheked值，这是我的尝试：

<p>jQuery is :</p>
<input type="checkbox" id="s" name="super"> Super !<br>
<input type="checkbox" id="g" name="genial"> Génial<br>
<input type="checkbox" id="j" name="joli"> Joli<br>
 <input type="button" value="display" id="disp">
 <script>
$('#disp').click(function(data){
$("input[type=checkbox]").is(":checked");
alert($("this").val());
});
 </script>

Answer 1

它无法通过.val获取值，因为没有值。尝试这样的事情：

<p>jQuery is :</p>
<input class="box" type="checkbox" value="Super">Super</br>
<input class="box" type="checkbox" value="Génial">Génial</br>
<input class="box" type="checkbox" value="Joli">Joli</br>
<input type="button" value="display" id="disp">



$('#disp').click(function () {
    $(".box:checked").each(function () {
        alert($(this).val());
    });
});

JS小提琴：https://jsfiddle.net/ms14eLz0/1/

Answer 2

你好，你可以尝试这样的事情。您的函数中不需要data，因为您没有传递任何内容。这应该做的是找到所有被检查的框，然后循环遍历它们并将它们添加到数组中。然后在结束时提醒它。

 $('#disp').click(function () {
      var array = [];
    $(".box:checked").each(function () {
        array.push($(this).val());
    });
    alert(array + ' checked');
});

Answer 3

当然你可以尝试一下 little 比较难以自己解决这个问题，不是吗？

无论如何，您的复选框都没有定义值属性：name＆amp; value不同attributes。

$('this')会尝试制作<this>个元素的集合，$(this)会引用该事件处理程序中的按钮。

你正在寻找这些方面的东西：

http://jsbin.com/luyaweqaqe/1/edit?html,js,output

HTML

<input type="checkbox" value="super"> Super !<br>
<input type="checkbox" value="genial"> Génial<br>
<input type="checkbox" value="joli"> Joli<br>

<button id="bt">Check</button>

JS

$('#bt').on('click', function () {
  var arr = [];

  $('input[type="checkbox"]:checked').each(function () {
    arr.push($(this).val());
  });

  alert(arr);
});

这里有一些阅读材料：

如何显示复选框的值？

3 个答案: