如何在jQuery中获得复选框的值?


当前回答

简单但有效,并假设你知道会找到复选框:

$("#some_id")[0].checked;

给真/假

其他回答

这两种方法是有效的:

$(" #复选框”).prop(检查) $('#复选框').is(':checked')(谢谢@mgsloan)

$(" #测试”).click(函数(){ alert("复选框状态(方法1)= " + $('#test').prop('checked')); alert("复选框状态(方法2 ) = " + $('# 测试的).(':检查')); }); < script src = " https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js " > < /脚本> 检查我:<input id="test" type="checkbox" />

$("input[name='gender']:checked").val();

这适用于我的情况,任何寻找简单方法的人都必须尝试这种语法。 谢谢

//By each()
var testval = [];
 $('.hobbies_class:checked').each(function() {
   testval.push($(this).val());
 });


//by map()
var testval = $('input:checkbox:checked.hobbies_class').map(function(){
return this.value; }).get().join(",");

 //HTML Code

 <input type="checkbox" value="cricket" name="hobbies[]"  class="hobbies_class">Cricket 
  <input type="checkbox" value="hockey" name="hobbies[]" class="hobbies_class">Hockey

例子 演示

尽管这个问题需要jQuery解决方案,但这里有一个纯JavaScript的答案,因为没有人提到过它。

没有jQuery:

只需选择元素并访问选中的属性(返回布尔值)。

var checkbox = document.querySelector('input[type=“checkbox”]'); 警报(复选框.选中); <输入类型=“复选框”/>


下面是一个快速监听change事件的例子:

var checkbox = document.querySelector('input[type="checkbox"]'); 复选框。addEventListener('change',函数(e) { 警报(this.checked); }); < input type = "复选框" / >


要选择选中的元素,使用:checked伪类(input[type="checkbox"]:checked)。

下面是一个迭代检查的输入元素并返回已检查元素名称的映射数组的示例。

例子

var elements = document.querySelectorAll('input[type="checkbox"]:checked');
var checkedElements = Array.prototype.map.call(elements, function (el, i) {
    return el.name;
});

console.log(checkedElements);

var elements = document.querySelectorAll('input[type="checkbox"]:checked'); var checkedElements = Array.prototype.map.call(elements, function (el, i) { return el.name; }); console.log(checkedElements); <div class="parent"> <input type="checkbox" name="name1" /> <input type="checkbox" name="name2" /> <input type="checkbox" name="name3" checked="checked" /> <input type="checkbox" name="name4" checked="checked" /> <input type="checkbox" name="name5" /> </div>

$('#checkbox_id').val();
$('#checkbox_id').is(":checked");
$('#checkbox_id:checked').val();