Javascript单选按钮显示隐藏

Javascript Radio Button Show hide

本文关键字：隐藏 显示 单选按钮 Javascript      更新时间：2023-09-26

试图让文本字段please specify显示和隐藏。这是我的代码。

"

代码中缺少文本字段，因此基于Trying to get the text field please specify to show and hide

HTML文本字段

<label class="option" for="edit-submitted-distributions-fieldset-1-fund-distribution-select-1">other (please specify)</label>
<input id="edit-submitted-distributions-fieldset-1-widg-donation1otherdescription" type="text">

和JS代码将是

$(document).ready(function() {
    $("#edit-submitted-distributions-fieldset-1-widg-donation1otherdescription").hide();
    $("#edit-submitted-distributions-fieldset-1-fund-distribution-select-1").click(function () {
         if ($(this).val() === "0000~0000") {
             $("#edit-submitted-distributions-fieldset-1-widg-donation1otherdescription").show();
         } else {
             $("#edit-submitted-distributions-fieldset-1-widg-donation1otherdescription").hide();
         }
    });
});

小提琴

在JS代码中你绑定了label id="edit-submitted-distributions-fieldset-1-fund-distribution-select"

但是要隐藏和显示文本字段，如果点击单选按钮就像你在问题标题中说的，你必须绑定单选按钮id id="edit-submitted-distributions-fieldset-1-fund-distribution-select-1"的点击功能

和这个$("#edit-submitted-distributions-fieldset-1-widg-donation1otherdescription").prop("disabled", false);只使输入不禁用，它与隐藏/显示输入无关。

相关文章：