我在这里迷路了...基本上是在以下一组代码中:
<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
事件附加到您的Y
和N
无线电按钮,并基于其值添加或删除相应无线电按钮的属性,以启用并禁用它。以下是适合您的片段。
$(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>