我得到的代码是这样的:
<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();
其他回答
当框没有被选中时，上面的工作对我来说都没有抛出错误，所以我做了一些沿着这些线的事情(onclick和复选框函数仅用于演示目的，在我的用例中，它是一个更大的表单提交函数的一部分):
函数复选框(){ Var检查= false; if (document.querySelector('#opt1:checked')) { 选中= true; ｝ . getelementbyid(“味精”)。innerText =已检查; ｝ <input type="checkbox" onclick="checkbox()" id="opt1"> <span id="msg">单击方框</span>
这并不能直接回答这个问题，但可能会对未来的访问者有所帮助。
如果您想让一个变量始终是复选框的当前状态(而不是必须不断检查其状态)，您可以修改onchange事件来设置该变量。
这可以在HTML中完成:
<input class='messageCheckbox' type='checkbox' onchange='some_var=this.checked;'>
或使用JavaScript:
cb = document.getElementsByClassName('messageCheckbox')[0]
cb.addEventListener('change', function(){some_var = this.checked})
<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="1" name="mailId[]">
function getValue(value){
alert(value);
}
用这个:
alert($(".messageCheckbox").is(":checked").val())
这假设要检查的复选框具有类“messageCheckbox”，否则您必须检查输入是否为复选框类型，等等。
如果你使用的是语义UI React，数据会作为第二个参数传递给onChange事件。
因此，您可以按以下方式访问选中的属性:
<Checkbox label="Conference" onChange={(e, d) => console.log(d.checked)} />
