DataList 中的RadioButtonList 的onclick事件问题。
我现在在做一个考试型的小系统,DataList里有RadioButtonList,有四个选项,我绑定了DataList,假设有20条数据吧,当我做每一道题时,我都希望选项A,B,C,D,能够放大,变颜色,我做了一下,可是只有第一道题实现效果,我想了一个方法就是最好能找一个变量,可是我实现不了,麻烦帮我解决一下,下面是我做的代码。//前台js.
<script language="javascript">
<!--
function changeChoose()
{
var i=0;
while(i<4)
{
var rad=document.getElementById('DataList1_ctl01_RadioButtonList1_'+i);
if(rad.checked)
{
var rad1=document.getElementById('RadioButtonList1_0'+i);
rad1.style.fontWeight='bold';
rad1.style.fontSize='16px';
rad1.style.color='red';
}
else
{
var rad1=document.getElementById('RadioButtonList1_0'+i);
rad1.style.fontWeight='';
rad1.style.fontSize='';
rad1.style.color='';
}
i=i+1;
}
//
}
-->
</script>
//body里的内容
<asp:DataList ID="DataList1" runat="server" Style="text-align: left;" OnItemDataBound="DataList1_ItemDataBound"
Font-Italic="False" Width="796px">
<asp:RadioButtonList ID="RadioButtonList1" onclick='changeChoose();' runat="server"
RepeatColumns="4" RepeatDirection="Horizontal" TextAlign="Left" Width="1px">
<asp:ListItem Value="A"><label id='RadioButtonList1_00' name='A1'>A</label></asp:ListItem>
<asp:ListItem Value="B"><label id='RadioButtonList1_01' name='B1'>B</label></asp:ListItem>
<asp:ListItem Value="C"><label id='RadioButtonList1_02' name='C1'>C</label></asp:ListItem>
<asp:ListItem Value="D"><label id='RadioButtonList1_03' name='D1'>D</label></asp:ListItem>
</asp:RadioButtonList>
<hr />
</ItemTemplate>
</asp:DataList>
注:假设我有20道题,我希望在'changeChoose(i)能有一个变量实现i,i的值为0-19,能够传到js代码里,这样对于控制A,B,C,D就比较好控制了。
我思考了很长时间没有,希望您能帮个忙,在次先谢过了。