JQUERY finden Sie top Elternteil und bekommen divs in ihm, außer dieses

1) wenn ich geklickt, um alle Kontrollkästchen, 
a) ich wollen, wählen Sie radio in der gleichen div 
b) deaktivieren Sie die anderen radios mit Ihrer Checkboxen. 

2) Wenn ich auf radio, 
a) markieren Sie alle Checkboxen in der gleichen div. 
b) deaktivieren Sie die anderen radios 

3) gibt es eine Möglichkeit, die Eltern ohne Ihren ersten parent-div?

Wie kann ich das tun?

<div class="topDiv">
    <div class="repeaterDiv"><input type="radio" id="rpt_01_rb" />
        <input type="checkbox" id="rpt_01_cb1" />
        <input type="checkbox" id="rpt_01_cb2" />
        <input type="checkbox" id="rpt_01_cb3" />
    </div>
    <div class="repeaterDiv"><input type="radio" id="rpt_02_rb" />
        <input type="checkbox" id="rpt_02_cb1" />
        <input type="checkbox" id="rpt_02_cb2" />
        <input type="checkbox" id="rpt_02_cb3" />
    </div>
    <div class="repeaterDiv"><input type="radio" id="rpt_03_rb" />
        <input type="checkbox" id="rpt_03_cb1" />
        <input type="checkbox" id="rpt_04_cb2" />
        <input type="checkbox" id="rpt_05_cb3" />
    </div>
</div>
In diesem Beispiel wählen Sie, was Sie sagen würde nichts auswählen. Wollen Sie ändern Ihren code oder sagen Sie uns, was Sie versuchen, zu wählen?

InformationsquelleAutor uzay95 | 2009-05-15

  1. -1

    Stellen Sie sicher, dass alle radio-buttons den gleichen Namen freigeben:

    <input type="radio" id="rpt_01_rb" name="rpt_rb" />
<input type="radio" id="rpt_02_rb" name="rpt_rb" />
//etc...

    Versuchen Sie dann den folgenden code (ich habe es noch nicht getestet):

    $('div.repeaterDiv>input[type=checkbox]').each(function(idx, item)
{
    $(item).click(function()
    {
        $(item).siblings('input[type=radio]:first').attr('checked', 'checked');
    });
});

$('div.repeaterDiv>input[type=radio]').each(function(idx, item)
{
    $(item).click(function()
    {
        $(item).siblings('input[type=checkbox]').attr('checked', 'checked');
    });
});

    Was passiert hier?

    Den ersten Teil-loops durch die checkbox im div-Element und fügt einen Ereignis-handler für jeden von Ihnen. Dieser event-handler prüft den radio-button in der gleichen div.

    Ähnlich, der zweite Teil-loops durch die radio-buttons im div-fügt einen Ereignis-handler, der prüft, ob alle Checkboxen in der gleichen div.

    Wenn Sie nicht vergessen, um sicherzustellen, dass die radio-buttons den gleichen Namen haben, deaktivieren Sie die anderen radio-buttons soll automatisch durch den browser.

    code ist fast fertig, wenn ich geklickt, um alle Kontrollkästchen, es ist die Auswahl seiner eigenen radio. wenn ich klickte auf jedem radio, ist es die Auswahl alle Checkboxen den gleichen div-Element, ABER nicht selbst überprüft.
    Du meinst, wenn du auf den radio-button, radio-button selbst nicht ausgewählt? Das sollte nicht passieren, aber wenn das der Fall ist, versuchen Sie, hinzufügen von $(item).attr('checked', 'checked'); auf der Schleife des zweiten Teils.

    InformationsquelleAutor Tamas Czinege

  2. 2

    Sollte dies funktionieren und sehr viel effizienter als DrJokepu:

    $(function() {
    $('.repeaterDiv>:radio').bind('click',function() {
        $('.repeaterDiv>:checkbox').removeAttr('checked');
        $(this).siblings(':checkbox').attr('checked','checked');
    });

    $('.repeaterDiv>:checkbox').bind('click',function() {
        $('.repeaterDiv>:checkbox').removeAttr('checked');
        $(this).attr('checked','checked').siblings(':radio').attr('checked','checked');
    });
});

    Als eine Randnotiz, stellen Sie sicher, dass die radio-buttons alle den selben Namen haben, um stardards konform...

    Wenn es zu einigen seltsamen Grund, warum Sie nicht tun, können Sie ändern Sie die Letzte Zeile der checkbox-Bindung blockieren (so unschön es auch sein mag) zu:

    $(this)
    .attr('checked','checked')
    .parent().siblings('.repeaterDiv').find(':radio')
    .removeAttr('checked');

    //I prefer to break the chain here but...
    //you could continue the above chain by doing: 
    //'.end().end().end().siblings(':radio').attr('checked','checked');'

$(this).siblings(':radio').attr('checked','checked');

    InformationsquelleAutor KyleFarris

  3. 0
    //when a radio is clicked, unselect any checkboxes in other groups
$('div.topDiv input[type=radio]').click(function() {
    $('div.topDiv div.repeaterDiv').not($(this).parent(".repeaterDiv")).children("input[type=checkbox]").attr('checked', '');
});

//when a checkbox is checked, and it's radio isn't, "click" its radio
//which in turn unchecks other boxes using event defined above
$('div.topDiv input[type=checkbox]').click(function() {
    if (!$(this).siblings('input[type=radio]').attr('checked')) {
        $(this).siblings('input[type=radio]').trigger('click');
    }
});

    Dies wird deaktivieren Sie die Kontrollkästchen in jeder anderen option check-Gruppen. Gleichen Begründung wie die anderen Menschen NEU: die radio-Optionen müssen einen gemeinsamen Namen.

    InformationsquelleAutor great_llama

Schreibe einen Kommentar