我正在尝试编写一个javascript函数,当第一个复选框“全部”被选中时,取消选中所有其他选项。此列表项在 cbxlOption 中的索引为 0,值为 -1,如下所示。如何获取我选择的复选框的值,以便我可以完成下面的 javascript?非常感谢你的帮助!
<asp:CheckboxList ID="cbxlOptions" runat="server" >
<asp:ListItem Text="All" Value="-1" />
<asp:ListItem Text="Option 1" Value="0" />
<asp:ListItem Text="Option 2" Value="1" />
<asp:ListItem Text="Option 3" Value="2" />
</asp:CheckboxList>
function UncheckOptions( cbxListID, cbxID )
{
var checkedValue = null;
var cbxListID = document.getElementById( cbxListID );
var cbxArray = cbxListID.getElementsByTagName( 'input' );
checkedValue = document.getElementById( cbxID ).value;
//--uncheck everything else other than the first checkbox(index=0)
if (checkedValue < 0)
{
for (var i=1; cbxArray[i]; ++1)
{
cbxArray[i].checked = false;
}
}
else //--checkedvalue > 0, uncheck "ALL"
{
cbxArray[0].checked = false;
}
}
这不是确切的代码(因为我在 asp.net 中编码),但希望对您有所帮助。 http://jsbin.com/utuvuy/20/
我将 javascript 函数添加到每个复选框,如下所示:
For Each item As ListItem In cbxlOptions.Items
item.Attributes.Add("onclick", "UncheckOptions('" & _
cbxlStatus.ClientID.ToString & "',this.id);")
Next