我有一个复选框和一个具有相同名称的隐藏输入类型。我需要在某些条件下启用/禁用复选框。我怎样才能做到这一点 ?如果我试图通过使用复选框名称禁用它,则会失败,因为它无法识别我是否想要可扩展的隐藏字段或复选框。
请为此提出任何解决方案。
答案 0 :(得分:3)
试试这个。
<!DOCTYPE html>
<html>
<head>
<script>
function getElements() {
var x=document.getElementsByName("x");
if(x.length == 2) {
alert("Number of 'X' is " + x.length);
document.getElementsByName("x")[1].disabled=true ;
}
}
</script>
</head>
<body>
<input name="x" type="hidden" value="1">
<input name="x" type="text" value="1">
<input type="button" onclick="getElements()" value="How many elements named 'x'?">
</body>
</html>
答案 1 :(得分:1)
如果您坚持使用name
而不是唯一的id
假设tag
中name
的{{1}}订单与html
相同,如下所示:
<input type="checkbox" name="a">
<input type = "hidden" name="a">
您可以这样做:
document.getElementsByName('a')[0].disabled = true;