Javascript实现DataGrid或DataList等容器上面选择单选框RadioButton

Javascript怎么实现DataGrid或DataList等容器上面选择单选框RadioButton。

下面已DataGrid为例子,在模板列上加一个RadioButton:radio1
<ItemTemplate>
   <asp:RadioButton id="radio1"  onclick="javascript:CancelSelect(this,'myDataGrid');" runat="server"></asp:RadioButton>
  </ItemTemplate>

myDataGrid即为DataGrid的名称,目的是为了如果页面上还有别的RadioButton,可以互不影响,单选myDataGrid中的RadioButton只对本容器中的RadioButton有影响。

Javascript脚本为

<script language="javascript">
 function CancelSelect(obj,tempSpan)
 {
 elem=obj.form.elements; 
 var strTemp = tempSpan;
 for(i=0;i<elem.length;i++)
 {
  if (elem[i].type=="radio" && elem[i].id != obj.id && obj.name.substr(0,elem[i].name.indexOf(':')) == strTemp)
  {
   elem[i].checked = false;
  }
 }
 }  
</script>

PS:这个是.net 1.1的,2.0以后的需要把这句"obj.name.substr(0,elem[i].name.indexOf(':')) == strTemp" 改为"elem[i].name.substr(0, elem[i].name.indexOf('$')) == strTemp",

用jQuery也能很方便的实现这个功能

posted @ 2006-07-09 20:42  mib23  阅读(448)  评论(0编辑  收藏  举报