如何在jQuery中获得复选框的值?
当前回答
jQuery(".checkboxClass").click(function(){
var selectedCountry = new Array();
var n = jQuery(".checkboxClass:checked").length;
if (n > 0){
jQuery(".checkboxClass:checked").each(function(){
selectedCountry.push($(this).val());
});
}
alert(selectedCountry);
});
其他回答
这两种方法是有效的:
$(" #复选框”).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" />
在jquery中获取checkboxex的值:
var checks = $("input[type='checkbox']:checked"); // returns object of checkeds.
for(var i=0; i<checks.length; i++){
console.log($(checks[i]).val()); // or do what you want
});
在pure js中:
var checks = document.querySelectorAll("input[type='checkbox']:checked");
for(var i=0; i<checks.length; i++){
console.log(checks[i].value); // or do what you want
});
$('.class[value=3]').prop('checked', true);
//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
例子 演示
$("input[name='gender']:checked").val();
这适用于我的情况,任何寻找简单方法的人都必须尝试这种语法。 谢谢