Van egy jelölőnégyzetem, amely bejelölése esetén engedélyez néhány rádiógombot alatta.
Ha a jelölőnégyzet nincs bejelölve, akkor az alábbi választógombok le vannak tiltva, és ha maguk is be vannak jelölve, akkor a bejelölések megszűnnek.
Ehhez a váltó funkciót használtam:
$( "#mycheckbox" ).toggle(function() {
$('#radiobuttons input').attr('disabled', false);
}, function() {
$('#radiobuttons input').attr('disabled', true);
$('#radiobuttons input').removeAttr('checked');
});
Most azonban, hogy a jelölőnégyzetemet a Toggle funkcióban használják, ez önmagában nem ellenőrzi.
Megpróbáltam javítani:
$( "#mycheckbox" ).toggle(function() {
$('#radiobuttons input').attr('disabled', false);
$("#mycheckbox").attr('checked','checked');
}, function() {
$('#radiobuttons input').attr('disabled', true);
$('#radiobuttons input').removeAttr('checked');
$("#mycheckbox").removeAttr('checked');
});
De ez sem sikerült.
Tud valaki erre módot?
Fiddle:http://jsfiddle.net/P95xg/3/
Jquery verzió: 1.4.3
HTML:
<label>
<input type="checkbox" name="mycheckbox" id="mycheckbox" value="Y" />
<span><strong> Label text here </strong></span>
</label>
<div id="radiobuttons">
<label class="hit"><input type="radio" name="accommodation" value="Standard Room Cat 1" />
<span>
<strong>Standard Room Category 1 </strong>
</span>
</label>
<label class="hit"><input type="radio" name="accommodation" value="Standard Room Cat 2" />
<span>
<strong>Standard Room Category 2 </strong>
</span>
</label>
</div>