Question

如何将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. 干杯

Answer 1

嗯......如果你想检查一个复选框是否被选中（是或否），你可以使用document.getElementById("Check").checked

实施例

if (document.getElementById("Check").checked) 
    console.log("checked");
else 
    console.log("not checked");

Answer 2

这里有一些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>

Answer 3

在提交按钮上调用一些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>

只有一个缺点是，您需要使用名称与原始名称不同的复选框，因为原始名称将转到隐藏字段。

希望它有所帮助!!

将HTML复选框链接到Javascript

3 个答案: