<!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);