Question

js判断radio是否被选中

Answer 1

思路：遍历radio对象，通过checked进行判断radio是否选中，选中的项会有checked属性，判断选中后，可进行后续操作。

示例代码如下。

<!-- html 部分 -->
<p>  
        <label for="gender">性别:    
            <input type="radio" name="gender" value="male">男
            <input type="radio" name="gender" value="female">女
        </label> 
        <button id="sub" type="button">提交</button> 
</p>
<!-- script 部分 -->
<script>
var oRadio=document.getElementsByName("gender"),//获取radio，是个数组
	oButton=document.getElementById("sub"),//获取按钮
	hasValue=false,//定义变量
	checkedVal="";
function getVal(){ //获取radio选中值函数
	for(i=0;i<oRadio.length;i++){//循环数组
		if(oRadio[i].checked){//判断当前项是否被选中
			//已选中的操作，获取选中的值
			hasValue=true;
			checkedVal=oRadio[i].value;
			//return checkedVal;
		}else{
			hasValue=false;
		}
	}
}
	oButton.onclick=function(){
		getVal();
		console.log(checkedVal);//checkedVal即是radio的选中值
		console.log(hasValue);//hasValue如果是true，则radio有选中值，否则没有值
	};
</script>

Answer 2

A<input type="radio" name="gender" value="A" />
B<input type="radio" name="gender" value="B" />
var checked= false;

var gender = document.getElementsByName('gender');
for (var i = 0; i < gender.length; i++) {
if (gender[i].checked) {
checked= true;
break;
}
}
if (checked== false) {
alert('必须选一个');
}
if(checked== true){
var val=$('input:radio[name="gender"]:checked').val();
alert('选择的值为 “+val+”');
}

Answer 3

jQuery
if($("#id").attr("checked")=="checked"){

Answer 4

var oInput=document.getelementById("radio标签的ID");

if(oInput.checked){
alert("被选中");
}else{
alert("没有被选中");
};