JS中的复选框

Checkboxs in JS

本文关键字：复选框 JS      更新时间：2024-05-18

我对我在附加的图片中创建的JS函数有一点问题，有2个复选框：CbMale，CbFemale和一个用于更改选择的按钮。我希望当选中 CbMale 时，CbFemale 将被禁用，并且在用户单击"更改选择"按钮后，有一条消息询问他是否要更改选择，如果他确实单击确定，则两个复选框已启用和取消选中...反之亦然，如果他先点击 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>

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

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

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

相关文章：