<!DOCTYPEhtml>
<html>
<head>
<metacharset=utf-8/>
<title>test</title>
<scriptlanguage="javascript"type="text/javascript">
varisChecked=false;
functionsetChecked(obj){
isChecked=isChecked?false:true;
obj.checked=isChecked;
};
</script>
<body>
<inputtype="radio"name="isTest"id="isTest"onclick="setChecked(this);"/>
</body>
</html>
② javascript怎么选中radio
思路:取得radio的值进行判断是否被选中,即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。
步骤如下:
radio代码片断:
<inputtype="radio"name="a"value="1"/>选中
<inputtype="radio"name="a"value="0"/>未选中
js代码如下:
varb=document.getElementsByName('a');//取得radio的数组进行依次判断
for(vari=0;i<b.length;i++){
if(b[i].checked==true){//如果选中,那么就弹出信息
alert(b[i].value);
}
}
定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
语法
document.getElementsByName(name)
该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。
另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。
③ JS单选框不能选中
<html>
<head>
<title>JS 判断 radio 单选按钮是否选中</title>
<script type="text/javascript">
function ValidateRadio()
{
var radioSelete = "Nothing"
var seletedValue = "";
for(i=0;i<document.form1.rValue.length;i++)
{
if(document.form1.rValue[i].checked)
{
radioSelete = "seleted";
seletedValue += document.form1.rValue[i].value + " ";
}
}
if(radioSelete == "Nothing")
{
alert("您一个都还没选呢!");
return false;
}
else
{
alert("您选中了:"+seletedValue);
return true;
}
}
</script>
</head>
<body>
<form name="form1">
<input type="checkbox" name="rValue" value="四川">四川
<input type="checkbox" name="rValue" value="江苏">江苏
<input type="checkbox" name="rValue" value="南京">南京
<input type="checkbox" name="rValue" value="天津">天津
<input type="checkbox" name="rValue" value="上海">上海
<input type="button" οnclick="return ValidateRadio()" value="验证">
</form>
</body>
</html>
④ 如何使用js来控制radio选中状态
选中document.getElementById(“id”).checked=true;如果取消内选中document.getElementById(“id”).checked=false;
如果用容jQuery就用$(ele).prop('checked',true);或$(ele).prop('checked',false);