Question

我在我附加的Pic中创建的JS函数有一点问题，我附加了2个CheckBoxes：CbMale，CbFemale和一个ChangeSelection按钮..我希望当CbMale被选中时，CbFemale将被禁用，之后用户单击ChangeSelection按钮会出现一条消息，询问他是否要更改选择，如果他确实单击确定，则启用并取消选中两个复选框...如果他先点击cbFemale，反之亦然。

！[标有“男性”和“女性”的两个复选框的图片，后面标有“更改性别”的按钮。] [1]

我的JS：

  function ChangeSelection(sender, args) {
        radconfirm('Would you like to change gender?</br>', confirmDisableCallBackFn, 370, 200, null, 'Alert');
    }

     function confirmDisableCallBackFn(arg) {
         if (arg == true) {
             var cbMale = $find("<%=cbMale.ClientID %>");
             var cbFemale = $find("<%=cbFemale.ClientID %>");
             //check.set_checked(false);
             cbFemale.set_enabled(true);
             cbMale.get_checked(false);

         }
         else {
             check.set_checked(true); 
         }
     }

    function ChangeGender(sender, args) {
        var cbMale = $find("<%=cbMale.ClientID %>");
        var cbFemale = $find("<%=cbFemale.ClientID %>");
        if (cbMale.get_checked(true)) {
            cbFemale.set_enabled(false);
        } else {
            cbMale.set_enabled(false);
        }
     }

My asp Code:
 <telerik:RadButton ID="cbMale" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton" AutoPostBack="False" Text="Male" OnClientClicked="ChangeGender" ></telerik:RadButton>
                               <telerik:RadButton ID="cbFemale" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton" AutoPostBack="False" Text="Female"></telerik:RadButton>
                                <telerik:RadButton ID="btnEditPersonDescription" runat="server" Text="Change Gender" Width="120px" AutoPostBack="false" OnClientClicked="ChangeSelection">
                                <Icon PrimaryIconCssClass="rbEdit" PrimaryIconLeft="4" PrimaryIconTop="4"></Icon></telerik:RadButton>

http://i.stack.imgur.com/OBpgK.png

Answer 1

您正尝试使用复选框模拟单选按钮的行为。使用单选按钮更容易。如果选择cbMale，它将不允许您选择cbFemale，反之亦然。因此，创建一组单选按钮。

--- ---编辑 http://www.w3schools.com/aspnet/showaspx.asp?filename=demo_radiobutton 请看一下演示。它会指导你。

JS中的复选框

1 个答案: