关于单选按钮在提交时获取所选择的选项得value值问题

2022-01-20 00:14:20

在此使用jQuery，别忘记引用。

radio在使用时若要判断选中的是哪一个一定要注意区分input的name值。以此来判断你所获取的单选按钮的value值。直接上代码：

<body>
<form id="form1" >
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
<br />
<input type="radio" name="list" value="十分满意" />十分满意
<input type="radio" name="list" value="满意" />满意
<input type="radio" name="list" value="不满意" />不满意
<input type="radio" name="list" value="非常差" />非常差
<br />
<input type="submit" value="submit" id="btnSubmit" />
</form>
</body>

JavaScript代码为

<script type="text/javascript" language="javascript">
/*------判断radio是否有选中，获取选中的值--------*/
$(function(){
$("#btnSubmit").click(function(){
var val=$('input:radio[name="sex"]:checked').val();
console.log(val);
if(val==null){
alert("什么也没选中!");
return false;
}
else{
alert(val);
}
var list= $('input:radio[name="list"]:checked').val();
console.log(list)
if(list==null){
alert("请选中一个!");
return false;
}
else{
alert(list);
}
});
});
</script>