Question

我在page1.php上有表格：

<form method="POST" action="page2.php">
<input type="checkbox" name="F10" id="f10">
<input type="checkbox" name="W10" id="w10">
<input type="checkbox" name="F20" id="f20">
<input type="checkbox" name="W20" id="w20">
<input type="checkbox" name="F30" id="f30">
<input type="checkbox" name="W30" id="w30">
</form>

如果使用 javascript 或 XMLHttpRequest （）选中其他复选框，我想要复选框。我尝试使用javascript进行操作，但它没有用。

if(document.getElementById("f10").checked){
   document.getElementById("w20").disabled=true;
}

Answer 1

您可以使用常规javascript来获取已检查的true或false值，例如

var isChecked= document.getElementById('elementName').checked;
if(isChecked){ //checked
  //execute code here
}else{ //unchecked
  //execute code here
}

或者如果您希望每次更改复选框检查时

var checkbox = document.getElementById('elementName');
checkbox.addEventListener("change", functionname, false);

function functionname(){
  var isChecked = checkbox.checked;
  if(isChecked){ //checked

  }else{ //unchecked

  }
}

Answer 2

你可以试试我的代码吗？它可以帮到你：D

<form onclick="checkIfChecked()" method="POST" action="page2.php">

<input type="checkbox" name="F10" id="f10">F10
<input type="checkbox" name="W10" id="w10">W10
<input type="checkbox" name="F20" id="f20">F20
<input type="checkbox" name="W20" id="w20">W20
<input type="checkbox" name="F30" id="f30">F30
<input type="checkbox" name="W30" id="w30">W30
</form>

<script>
function checkIfChecked(){
    if(document.getElementById("f10").checked){
   document.getElementById("w20").disabled=true;
    } else {
  document.getElementById("w20").disabled=false;
   }
}
</script>

Answer 3

复选框的目的是进行多项选择，如果只需要一个选项，则使用单选按钮

Answer 4

您可以使用已检查的伪类，但如果对您而言，请注意IE 8缺少浏览器支持。 http://css-tricks.com/almanac/selectors/c/checked/

检查是否在不使用jquery的情况下选中了复选框？

4 个答案: