用javascript 检测表单里面radio格式的数据是否被选择

来源:百度知道 编辑:UC知道 时间:2024/05/21 11:21:22
具体问题是这样的,HTML表单中含有如下数据
<p>gender:</p>
<input type="radio" id="gender" name="gender" value="male">male
<input type="radio" id="gender" name="gender" value="female">female
也就是一个简单的单选性别的选项

如果是text格式的话,
我若要测定用户有没有对此信息进行填写,直接就可以用
if(gender!="")
{
alert("请输入你的性别");
}

但是他现在是radio格式的,我要检测用户是否作出了选择的话,我用上面的语句一点用没有,不知如何是好

请大侠们指教,多谢了
.

<p>gender:</p>
<input type="radio" id="gender" name="gender" value="male">male
<input type="radio" id="gender" name="gender" value="female">female

我的纳闷了 你这里的id为什么要取成一样的呢

你换个思维 你把id换成不一样的 id="male";和 id="female"
然后 你
var male = document.getElementById("male");
var female= document.getElementById("female");

判断 他们的 checked 就可以了

function check(){
var ifCheck=document.getElementsByName('gender')[0].checked
||document.getElementsByName('gender')[1].checked?true:false;
if(!ifCheck){
alert("您没有选择性别。");
}
}

<input type="radio" name="gender" value="male">male
<input type="radio" name="gender" value="female">female