Question

如下，一个单选表单，怎么判断必须有一个选项被选中了，提交按钮才可以按，否则按钮是虚的？

<form name="A1" method="post" action="002.php" >
<input type="radio" value="1"/>
<input type="radio" value="2"/>
<input type="radio" value="3"/>
<input type="radio" value="4"/>
<input type="radio" value="5"/>
<input type="radio" value="6"/>
<input type="radio" value="7"/>
。。。
<input type="submit" name="submit-botton" value="提交" >
</form>

Answer 1

1、我将HTML代码改动了一下，给radio都增加了一个相同的name属性，另外还从外部引入了myjs.js文件：

2、下面的代码都是放在了myjs.js文件中，该文件与html文件在同一个目录中。

3、window.onload中禁止按钮，这是为了页面加载完时，没有radio被选中，那这时按钮是被禁用的。

var btn = document.getElementById("btn");
window.onload = function () {
btn.disabled = true;
};

3、要实现在某个radio按钮按下时启用按钮，那就需要为每一个按钮设置一个onchang事件代码，下面的代码在循环为rads[i]添加onchang函数。

var rads = document.getElementsByName("rad");
for (var i=0;i<rads.length;i++){
rads[i].onchange = function () {
btn.disabled = false;
};
}

Answer 2

可以用js去判断，先获得所有单选框，判断单选框是否有选中的，即判断input的checked属性是否为TRUE，如果有一个为TRUE就将提交按钮的disabled属性设置为FALSE，否则设置为TRUE。当然，按你的逻辑，这个提交按钮需要在一开始就把disabled属性设置为TRUE。