0

1 つのフォームに 2 つのテーブルがあります。jquery を使用して、両方のテーブルのテキスト フィールドを個別に有効/無効にします。しかし、1 つのラジオをクリックすると、両方のテーブル テキストが有効/無効になります。助けてください。コードの一部:

<div class="inputradio1">
  <input type="radio" id="radio" required="required" class="detailradio1" name="select1" Value="Yes" />Option 1<br/>
  <input type="radio" id="radio1" required="required" class="detailradio1" name="select1" value="No" />Option 2 
  </div>
 <script type="text/javascript">
         $("table :text").prop("disabled", true);
         $(".inputradio1 input[name=select1]").change(function () {
             $("table :text").prop('disabled', $(this).val() === 'No');
         });
</script>
<table>
    here is some text fields
</table>


<div class="inputradio2">
    <input type="radio" id="rad" required="required" class="detailradio2" name="select2" Value="Yes" />Fill<br/>
    <input type="radio" id="rad1" required="required" class="detailradio2" name="select2" value="No" />Leave <br/>
 </div>
<script type="text/javascript">
    $("table :text").prop("disabled", true);
    $(".inputradio2 input[name=select2]").change(function () {
       $("table :text").prop('disabled', $(this).val() === 'No');
    });
</script>
<table>
  here is some text fields
</table>

問題は、最初のテーブルの最初のラジオ ボタン「オプション 1」をクリックすると、両方のテーブルのテキスト フィールドが有効になり、最初のテーブルの最初のラジオ ボタン「オプション 2」をクリックすると、両方のテーブルのテキスト フィールドが無効になることです。同じことを別々にやりたい。

4

1 に答える 1

0

テーブルの class または id 値に end を指定してから、prop を追加する必要があります。

 <div class="inputradio1">
  <input type="radio" id="radio" required="required" class="detailradio1" name="select1" Value="Yes" />Option 1<br/>
  <input type="radio" id="radio1" required="required" class="detailradio1" name="select1" value="No" />Option 2 
  </div>
 <script type="text/javascript">
         $("table#table1 :text").prop("disabled", true);
         $(".inputradio1 input[name=select1]").change(function () {
             $("table#table1 :text").prop('disabled', $(this).val() === 'No');
         });
</script>
<table id='table1'>
    here is some text fields
</table>


<div class="inputradio2">
    <input type="radio" id="radio" required="required" class="detailradio1" name="select2" Value="Yes" />Fill<br/>
    <input type="radio" id="radio1" required="required" class="detailradio1" name="select2" value="No" />Leave <br/>
 </div>
<script type="text/javascript">
    $("table#table2 :text").prop("disabled", true);
    $(".inputradio2 input[name=select2]").change(function () {
       $("table#table2 :text").prop('disabled', $(this).val() === 'No');
    });
</script>
<table id="table2">
  here is some text fields
</table>
于 2013-09-15T17:25:21.010 に答える