仅当第一个标记是的,才需要第二组收音机才能启用



我在这里迷路了...基本上是在以下一组代码中:

<td>RSVP: 
            <label class="radio-inline">
                <input type="radio" name="updateRSVP<?php echo $displayguests;?>" id="RSVPYes" value="1" <?php if ($GuestRSVP [$displayguests] == 1) {?>checked<?php }?>> Y
            </label>
            <label class="radio-inline">
                <input type="radio" name="updateRSVP<?php echo $displayguests;?>" id="RSVPNo" value="0" <?php if ($GuestRSVP [$displayguests] == 0) {?>checked<?php }?>> N
            </label>
            </td>

如果他们选择是的,我需要第二组代码才能删除禁用标签(又称可以选择),如果他们选择上述否(禁用需要在那里):

<tr>
            <td colspan="2">
            <label class="radio-inline">
                <input type="radio" name="updatemeal<?php echo $displayguests;?>" id="Steak" value="Steak" <?php if ($GuestSteak [$displayguests] == 1) {?>checked<?php }?> disabled> Steak
            </label>
            <label class="radio-inline">
                <input type="radio" name="updatemeal<?php echo $displayguests;?>" id="Chicken" value="Chicken" <?php if ($GuestChicken [$displayguests] == 1) {?>checked<?php }?> disabled> Chicken
            </label>
            <label class="radio-inline">
                <input type="radio" name="updatemeal<?php echo $displayguests;?>" id="Kid" value="Kid" <?php if ($GuestKid [$displayguests] == 1) {?>checked<?php }?> disabled> Kid's Meal
            </label>
            </td>
            </tr>

onchange事件附加到您的YN无线电按钮,并基于其值添加或删除相应无线电按钮的属性,以启用并禁用它。以下是适合您的片段。

$(document).ready(function() {
  $("input[name='updateRSVP']").on('change', function() { //on change event
    if ($(this).val() == 1) //If value is 1, i.e Y is selected 
       $("input[name='updatemeal']").removeAttr('disabled'); //remove disabled attribute
    else
       $("input[name='updatemeal']").attr('disabled', 'disabled');//add it
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td>RSVP:
  <label class="radio-inline">
     <input type="radio" name="updateRSVP" id="RSVPYes" value="1"> Y
  </label>
  <label class="radio-inline">
     <input type="radio" name="updateRSVP" id="RSVPNo" value="0"> N
  </label>
</td>
<tr>
  <td colspan="2">
    <label class="radio-inline">
       <input type="radio" name="updatemeal" id="Steak" value="Steak" disabled> Steak
    </label>
    <label class="radio-inline">
       <input type="radio" name="updatemeal" id="Chicken" value="Chicken" disabled> Chicken
    </label>
    <label class="radio-inline">
       <input type="radio" name="updatemeal" id="Kid" value="Kid" disabled> Kid's Meal
    </label>
  </td>
</tr>

最新更新