复选框发送相同的值,无论是否选中 - javascript,html

时间:2018-01-24 09:04:13

标签: javascript html checkbox

我的网站上有一个复选框,如下所示:

<input type="checkbox" class="form-control" id="jobfixedstart_cb" onclick="jobfixedstartfunc();" />

在Javascript .onClick-Event中,我得到复选框的值,如下所示:

var addjobfixedstart = document.forms["add-new-job"].jobfixedstart_cb.value;

现在,无论是否选中该复选框,&#34; addjobfixedstart&#34;总是&#34; on&#34;。如果我给复选框一个值,它总是发送值。

我做错了什么?

修改: 我用&#34; alert&#34;检查了变量的状态。在变量之后:

alert(addjobfixedstart);

3 个答案:

答案 0 :(得分:1)

如果要查看已检查状态,请阅读checked属性。对于复选框value,请阅读value属性。此外,请收听onchange事件,而不是onclick

所有这一切将成为:

&#13;
&#13;
function jobfixedstartfunc() {
	var checkbox = document.forms["add-new-job"].jobfixedstart_cb;
  alert('Checked:' + checkbox.checked + ', value:' + checkbox.value)
}
&#13;
<form name="add-new-job">
  <input type="checkbox" class="form-control" id="jobfixedstart_cb" onchange="jobfixedstartfunc();" />
</form>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

如果您想知道是否选中了复选框,可以尝试以下操作

document.getElementById('jobfixedstart_cb').checked

返回布尔值。我希望这会有所帮助。

答案 2 :(得分:0)

我通过选中这样的复选框使其成功:

A[Symbol/Space/Nothing][Numberstring1] [Space/Nothing] B[Symbol/Space/Nothing][Numberstring2] 

您可以获得“虚假”值的“真实”,您可以使用它。