将HTML复选框链接到Javascript
[英]Linking HTML Checkbox to Javascript
问题描述
How could I link a checkbox from HTML into java script ? 
如何将HTML中的复选框链接到java脚本？ I have built the checkbox in HMTL like so : <label><b>Response Needed ?</b></label> <input id="Check" type="checkbox" > 我在HMTL中构建了复选框，如下所示： <label><b>Response Needed ?</b></label> <input id="Check" type="checkbox" >
When I hit the submit button I need the value to be T (true) or F (false) if its checked or not.. 当我点击提交按钮时，我需要将值设为T（真）或F（假），如果检查或不检查。
I usually use getElementById("") to link things into Javascirpt but cant get this to work! 我通常使用getElementById("")将事物链接到Javascirpt但不能让它工作！
EDIT: Here is my full Document so you can see how its works : 编辑：这是我的完整文档，所以你可以看到它的工作原理：
`
<!DOCTYPE HTML>
<html>
<head lang="en">
<meta charset="UTF-8">
</head>
<body>
<form id="OTA">
<label><b>IMEI:</b></label>
<input type="text" name="ID" id="IMEI" maxlength="15">
<label><b>AT Command:</b></label>
<input id="Command" type="text">
<label><b>Response Needed ?</b></label>
<input id="Check" type="checkbox" >
</form>
<input type="submit" value="Submit" onclick="showInput();"><br />
<p><span id='display'></span> </p>
<script language="JavaScript">
function showInput() {
var message_entered = ">RSP=" + document.getElementById("Check").checked + ";ID=" + document.getElementById("IMEI").value + ";" + document.getElementById("Command").value + "<";
document.getElementById('display').innerHTML = message_entered;
}
</script>
</body>
</html>
I need to change the values of the checkbox to T and F when checked or not. 我需要在选中或不选中时将复选框的值更改为T和F. Cheers 干杯
3 个解决方案
解决方案1
1 2015-12-26 14:28:27
Well... if you want to check whether a checkbox is checked or not (True or False), you can use document.getElementById("Check").checked 好吧......如果要检查是否选中了复选框（True或False），可以使用document.getElementById("Check").checked
Example 例
if (document.getElementById("Check").checked)
console.log("checked");
else
console.log("not checked");
解决方案2
1 已采纳 2015-12-26 15:44:14
here is some javascript 这里有一些javascript
<form id="OTA"> <label><b>IMEI:</b></label> <input type="text" name="ID" id="IMEI" maxlength="15"> <label><b>AT Command:</b></label> <input id="Command" type="text"> <label><b>Response Needed ?</b></label> <input id="Check" type="checkbox" > </form> <input type="submit" value="Submit" onclick="showInput();"><br /> <p><span id='display'></span> </p> <script language="JavaScript"> function showInput() { var test=null; var obj=document.getElementById("Check").checked; obj?test='t':test='f'; var message_entered = ">RSP=" +test+ document.getElementById("IMEI").value + ";" + document.getElementById("Command").value + "<"; document.getElementById('display').innerHTML = message_entered; } </script>
解决方案3
0 2015-12-26 14:38:15
On your submit button call some javascript method like below: 在提交按钮上调用一些javascript方法，如下所示：
<form action="someAction" method="post" onSubmit="javascript:validate()">
<input type="hidden" name="checkValue" id="checkValue" value='F'/> <!--Default value is F say -->
<submit></submit>
</form>
Now, below is validate function: 现在，下面是验证功能：
<script>
function validate(){
if (document.getElementById("Check").checked){
document.getElementById("checkValue").value = 'T'
}else{
document.getElementById("checkValue").value = 'F'
}
}
</script>
There is just one disadvantage that you need to have checkbox with name different than original name you wanted as that original name would go to hidden field. 只有一个缺点是，您需要使用名称与原始名称不同的复选框，因为原始名称将转到隐藏字段。
Hope it helps!! 希望能帮助到你！！
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.