將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.