我得到的代码是这样的:
<input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]">
我只需要Javascript来获取当前选中的复选框的值。
编辑:要添加，将只有一个复选框。
当前回答
您可以通过jQuery或JavaScript使用以下方法来检查复选框是否被单击。
$('.messageCheckbox').is(":checked"); // jQuery
document.getElementById(".messageCheckbox").checked //JavaScript
在jQuery中获取检查值:
$(".messageCheckbox").is(":checked").val();
其他回答
我在我的代码中使用这个。试试这个
var x=$("#checkbox").is(":checked");
如果复选框被选中，则x为真，否则为假。
当框没有被选中时，上面的工作对我来说都没有抛出错误，所以我做了一些沿着这些线的事情(onclick和复选框函数仅用于演示目的，在我的用例中，它是一个更大的表单提交函数的一部分):
函数复选框(){ Var检查= false; if (document.querySelector('#opt1:checked')) { 选中= true; ｝ . getelementbyid(“味精”)。innerText =已检查; ｝ <input type="checkbox" onclick="checkbox()" id="opt1"> <span id="msg">单击方框</span>
如果您想使用jQuery获取所有复选框的值，这可能会有所帮助。这将解析列表，并根据所需的结果执行其他代码。顺便说一下，出于这个目的，我们不需要用括号[]来命名输入。我没讲。
$(document).on("change", ".messageCheckbox", function(evnt){
var data = $(".messageCheckbox");
data.each(function(){
console.log(this.defaultValue, this.checked);
// Do something...
});
}); /* END LISTENER messageCheckbox */
惊讶地发现这里没有可用的普通JavaScript解决方案(当您遵循最佳实践并为每个HTML元素使用不同的id时，投票最多的答案是无效的)。然而，这对我来说很管用:
Array.prototype.slice.call(document.querySelectorAll("[name='mailId']:checked"),0).map(function(v,i,a) {
return v.value;
});
对于现代浏览器:
var checkedValue = document.querySelector('.messageCheckbox:checked').value;
使用jQuery:
var checkedValue = $('.messageCheckbox:checked').val();
纯javascript没有jQuery:
var checkedValue = null;
var inputElements = document.getElementsByClassName('messageCheckbox');
for(var i=0; inputElements[i]; ++i){
if(inputElements[i].checked){
checkedValue = inputElements[i].value;
break;
}
}
