将HTML复选框链接到Javascript
[英]Linking HTML Checkbox to Javascript
问题描述
如何将HTML中的复选框链接到java脚本？ 我在HMTL中构建了复选框，如下所示： <label><b>Response Needed ?</b></label> <input id="Check" type="checkbox" >
当我点击提交按钮时，我需要将值设为T（真）或F（假），如果检查或不检查。
我通常使用getElementById("")将事物链接到Javascirpt但不能让它工作！
编辑：这是我的完整文档，所以你可以看到它的工作原理：
`
<!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>
我需要在选中或不选中时将复选框的值更改为T和F. 干杯
3 个解决方案
解决方案1
1 2015-12-26 14:28:27
好吧......如果要检查是否选中了复选框（True或False），可以使用document.getElementById("Check").checked
例
if (document.getElementById("Check").checked)
console.log("checked");
else
console.log("not checked");
解决方案2
1 已采纳 2015-12-26 15:44:14
这里有一些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
在提交按钮上调用一些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>
现在，下面是验证功能：
<script>
function validate(){
if (document.getElementById("Check").checked){
document.getElementById("checkValue").value = 'T'
}else{
document.getElementById("checkValue").value = 'F'
}
}
</script>
只有一个缺点是，您需要使用名称与原始名称不同的复选框，因为原始名称将转到隐藏字段。
希望能帮助到你！！
JavaScript 动画未与 HTML 链接
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.