Here it is

If any checkbox is clicked, it needs do enable the radio next to it.

In the bottom I have 3 links to check it all, uncheck it all, or
toggle.  In those cases the radios need to respond as well.

That's my last jquery attempt:

    $('.form-
item:checkbox:not(:checked)').siblings(':radio').removeAttr('disabled');


Thanks!



<div><fieldset class=" collapsible"><legend>Rules</legend><div
class="form-item">
 <label>Values: </label>
 <div class="form-checkboxes"><div class="form-item">
 <label class="option"><input type="checkbox" name="options[1]"
id="edit-options-1" value="1"   class="form-checkbox" /> Option 001</
label>

</div>
<div class="form-item">
 <label class="option"><input type="checkbox" name="options[2]"
id="edit-options-2" value="2"   class="form-checkbox" /> Option 002</
label>
</div>
<div class="form-item">
 <label class="option"><input type="checkbox" name="options[3]"
id="edit-options-3" value="3"   class="form-checkbox" /> Option 003</
label>
</div>
<div class="form-item">
 <label class="option"><input type="checkbox" name="options[4]"
id="edit-options-4" value="4"   class="form-checkbox" /> Option 004</
label>

</div>
<div class="form-item">
 <label class="option"><input type="checkbox" name="options[5]"
id="edit-options-5" value="5"   class="form-checkbox" /> Option 005</
label>
</div>
<div class="form-item">
 <label class="option"><input type="checkbox" name="options[6]"
id="edit-options-6" value="6"   class="form-checkbox" /> Option 006</
label>
</div>
<div class="form-item">
 <label class="option"><input type="checkbox" name="options[7]"
id="edit-options-7" value="7"   class="form-checkbox" /> Option 007</
label>

</div>
<div class="form-item">
 <label class="option"><input type="checkbox" name="options[8]"
id="edit-options-8" value="8"   class="form-checkbox" /> Option 008</
label>
</div>
<div class="form-item">
 <label class="option"><input type="checkbox" name="options[9]"
id="edit-options-9" value="9"   class="form-checkbox" /> Option 009</
label>
</div>
<div class="form-item">
 <label class="option"><input type="checkbox" name="options[10]"
id="edit-options-10" value="10"   class="form-checkbox" /> Option 010</
label>

</div>
</div>
</div>
 <a href=javascript:; id=toggle>Inverter</a> <a href=javascript:;
id=all>Todos</a> <a href=javascript:; id=none>Nenhum</a></fieldset>


On Oct 25, 8:53 pm, Wizzud <[EMAIL PROTECTED]> wrote:
> Need a bit more information!
> If you don't show us some HTML it's a bit difficult to second guess
> the relationship between checkbox and radio.
>
> On Oct 25, 8:34 pm, "Alessandro Feijó" <[EMAIL PROTECTED]> wrote:
>
> > I'm trying to control N checkboxes, when one is selected or unselected, I
> > need to enable/disable a radio next to the checkbox
>
> > something like this:
>
> > ( ) [ ]
> > (o) [x]
>
> > the marked one, turn the radio clickable
>
> > I start this code
>
> >   $('.form-checkbox').each( function() {
> >     $('.form-checkbox:radio').attr('disabled', $(this).attr('checked'));
> >   });
>
> > It returns every checkbox, but I cant figure out how to find the radio
> > object from each one
>
> > Thanks in advance for any tip :)
>
> > huge hug
> > Feijó

Reply via email to