如何在 Jquery 中禁用输入（单选）按钮内的 Class

Question

我需要使用 qusweitstnesel class 名称禁用 KG 值单选按钮。这是我的代码

HTML

<li id="field_1_48" class="gfield qusweitstnesel gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible" style="display: list-item;">
<label class="gfield_label">Weight<span class="gfield_required">*</span></label>
<div class="ginput_container ginput_container_radio">
<ul class="gfield_radio" id="input_1_48">
<li class="gchoice_1_48_0">
<input name="input_48" value="KG" id="choice_1_48_0" tabindex="13" disabled="disabled" class="gf-default-disabled" type="radio">
<label for="choice_1_48_0" id="label_1_48_0">KG</label>
</li>
<li class="gchoice_1_48_1">
<input name="input_48" value="Stone" checked="checked" id="choice_1_48_1" tabindex="14" type="radio">
<label for="choice_1_48_1" id="label_1_48_1">Stone</label>
</li>
</ul>
</div>
</li>

JQuery :

var kgs="KG";
jQuery(".qusweitnotsel .ginput_container_radio .gfield_radio li input[type=radio][value='+ kgs +']").attr("disabled","disabled");

Answer 1

在 [value='"+ kgs +"'].

中，您必须在单引号内使用双引号

请注意：您已经禁用了属性设置为 HTML 中的单选按钮。您在代码中使用的 class 名称中也有拼写错误 qusweitnotsel...应该是 qusweitstnesel

var kgs="KG";
jQuery(".qusweitstnesel .ginput_container_radio .gfield_radio li input[type=radio][value='"+ kgs +"']").attr("disabled","disabled");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<li id="field_1_48" class="gfield qusweitstnesel gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible" style="display: list-item;">
  <label class="gfield_label">Weight<span class="gfield_required">*</span></label>
  <div class="ginput_container ginput_container_radio">
    <ul class="gfield_radio" id="input_1_48">
      <li class="gchoice_1_48_0">
        <input name="input_48" value="KG" id="choice_1_48_0" tabindex="13" class="gf-default-disabled" type="radio">
        <label for="choice_1_48_0" id="label_1_48_0">KG</label>
      </li>
      <li class="gchoice_1_48_1">
        <input name="input_48" value="Stone" checked="checked" id="choice_1_48_1" tabindex="14" type="radio">
        <label for="choice_1_48_1" id="label_1_48_1">Stone</label>
        </li>
    </ul>
  </div>
</li>

您还可以使用 Template Literals，它允许嵌入表达式：

var kgs="KG";
jQuery(`.qusweitstnesel .ginput_container_radio .gfield_radio li input[type=radio][value=${kgs}]`).attr("disabled","disabled");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<li id="field_1_48" class="gfield qusweitstnesel gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible" style="display: list-item;">
  <label class="gfield_label">Weight<span class="gfield_required">*</span></label>
  <div class="ginput_container ginput_container_radio">
    <ul class="gfield_radio" id="input_1_48">
      <li class="gchoice_1_48_0">
        <input name="input_48" value="KG" id="choice_1_48_0" tabindex="13" class="gf-default-disabled" type="radio">
        <label for="choice_1_48_0" id="label_1_48_0">KG</label>
      </li>
      <li class="gchoice_1_48_1">
        <input name="input_48" value="Stone" checked="checked" id="choice_1_48_1" tabindex="14" type="radio">
        <label for="choice_1_48_1" id="label_1_48_1">Stone</label>
        </li>
    </ul>
  </div>
</li>

如何在 Jquery 中禁用输入（单选）按钮内的 Class

How to disable Class inside Input(Radio) Button in Jquery

html

javascript

jquery

radio

radio-button