18910140161

JavaScript-如何使我的复选框启用/禁用onclick?-堆栈溢出

顺晟科技

2022-10-18 14:06:06

9

我正在尝试获取复选框,在这种情况下标题为“男性”。和“女性”允许选择一个选项。即,点击男性,女性复选框变灰/禁用,取消选中男性,女性复选框重新启用并能够点击,这将随后禁用男性复选框选项。

我已经能够选中任何一个复选框,并使用";onclick";禁用另一个复选框。内联。但是,一旦另一个复选框禁用,当我取消选中所选的复选框时,它将保持禁用状态。

<代码><;标签>;<;输入类型=";复选框";onclick=";HideFemaleCheckbox()";值=";男性";ID=";MALECHECKBOX";>;男的<;/标签>;<;标签>;<;输入类型=";复选框";onclick=";HideMaleCheckBox()";值=";女性";ID=";女性复选框";>;女性<;br>;<;BR>;<;/标签>;
。.

<代码>函数HideFemaleCheckBox(){让malecheckbox=document.getElementById(' malecheckbox ');让FemaleCheckBox=document.getElementById(' FemaleCheckBox ');if(malecheckbox.checked==true){FemaleCheckbox.setAttribute(";disabled";,";true";);}else if(malecheckbox.checked==false){FemaleCheckbox.setAttribute(";disabled";,";false";);}}函数HideMaleCheckBox(){让malecheckbox=document.getElementById(' malecheckbox ');让FemaleCheckBox=document.getElementById(' FemaleCheckBox ');如果(FemaleCheckBox.Checked==true){malecheckbox.setAttribute(";disabled";,";true";);}else if(FemaleCheckBox.Checked==false){malecheckbox.setAttribute(";disabled";,";false";);}}

任何帮助让这个工作将不胜感激。我还在学习中,谢谢!


顺晟科技:

一旦用户取消选中“男性”复选框,

您就可以删除“女性”上的禁用属性。见下文:

<代码>函数HideFemaleCheckBox(){let malecheckbox=document.getElementById(";malecheckbox";);假设FemaleCheckbox=document.getElementById(";FemaleCheckbox";);if(malecheckbox.checked==true){FemaleCheckbox.setAttribute(";disabled";,";true";);}else if(malecheckbox.checked==false){//在此处更改|使用RemoveAttributeFemaleCheckbox.RemoveAttribute(";禁用";);}}函数HideMaleCheckBox(){let malecheckbox=document.getElementById(";malecheckbox";);假设FemaleCheckbox=document.getElementById(";FemaleCheckbox";);如果(FemaleCheckBox.Checked==true){malecheckbox.setAttribute(";disabled";,";true";);}else if(FemaleCheckBox.Checked==false){//在此处更改|使用RemoveAttributemalecheckbox.removeAttribute(";禁用";);}}

使用RemoveAttribute函数删除禁用的属性。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航