js取得radio與select屬性的方法

實現一個連動選單，目標： 1.點選“匿名小組”，自動跳轉：成員類型“私密群組”、存取控制 “群組成員” 2、點選“公開群”， 自動跳轉：成員類型“實名小組” 如下圖： 　　 首先，獲得點擊radio的事件，用的是jquery庫，獲得事件後判斷是那個radio，通過判斷是那個radio被checked了然後進行聯動變換。 其中遇到的問題有，相容ie和firefox的事件，然後設定select中的中options的selected屬性。

相容ie和firefox用了var ie=document.all;var nn6=document.getElementById&&!document.all; 設定select中的中options的selected屬性用的是var t=document.getElementsByName("select1")[0][1]; t.setAttribute("selected","selected"); 在設定selected屬性通常用的是document.getElementsByName("select1").options,但是firefox報undefined。於是遍歷後就用了一個陣列解決了。

例子，實現了目標1的完整程式碼：

成員類型:

實名小組(使用姓名)

匿名小組(使用暱稱)

 群組類型:

公開群組

私密群

存取控制:

 
任何人 

群成員

// JavaScript Document
var ie=document.all;
var nn6=document.getElementById&&!document.all;
$(document).ready(function(){
$(":radio").click(function(e){
var $name=(nn6?e.target.name:event.srcElement.name);
if($name == " member_type")
{
if(1 == GetRadioValue($name))
{
SetRadioCheck("search_type",1);
var t=document.getElementsByName("select1" )[0][1];
t.setAttribute("selected","selected");
}
}
});
});

實現目標2時，遇到了SetRadioCheck中的setAttribute不好使了，調試了也不知道什麼原因於是換了obj.checked = true; 實作功能1、2 js

// JavaScript Document
var ie=document.all;
var nn6=document.getElementById&&!document.all; (document).ready(function(){
/*點擊"匿名群組"，自動跳轉：成員類型"私密群組"、存取控制"群組成員"*/
$(":radio") .click(function(e){
var $name=(nn6?e.target.name:event.srcElement.name);
if($name == "member_type")
{
if(1 == GetRadioValue($name))
{
SetRadioCheck("search_type",1);
var t=document.getElementsByName("select1")[0][1];
t.setAttribute("selected","selected");
}
}
/*點擊"公開群"， 自動跳轉：成員類型"實名小組"*/
if ($name == "search_type")
{
if(1 == GetRadioValue($name))
{
SetRadioCheck("member_type",0);
}
 }
});
});
/*取得被check的radio的值
*RadioName：要取得radio值的radio群組名稱
*/
function GetRadioValue( RadioName){
var obj;
obj=document.getElementsByName(RadioName);
if(obj!=null){
var i;
for(i=0;iif(obj[i].checked){
return obj[i].value;
}
}
}
return null;
}
/*設定被選取屬性
*RadioName:要修改屬性radio群組的名稱
*i:radio中第i個元素被選取
*/
function SetRadioCheck(RadioName ,i){
var obj;
obj=document.getElementsByName(RadioName);
//obj[i].setAttribute("checked","checked");
obj[i] .checked = true;
}