Ändern Sie Hintergrundfarbe, wenn radio-btn ausgewählt ist

Brauche ich zum ändern der Hintergrundfarbe des div, das einen radio-button, wenn der Benutzer slects Sie die Taste. Ich bin mit jquery - so sein scheint, wie es sollte einige einfache Wege, dies zu erreichen. Ich habe meine html-Einstellungen so etwas wie dieses: 

<div class="sales_box">
<table>
<tr>
<td class="radio_cell"><input type="radio"></td>
</tr>
</table>
</div>

<div class="sales_box">
<table>
<tr>
<td class="radio_cell"><input type="radio"></td>
</tr>
</table>
</div>
InformationsquelleAutor Thomas | 2010-06-20
  1. 6

    Nur behandeln das change-Ereignis der radio-Taste und verwenden Sie dann die nächsten() - Methode von jQuery:

    $(document).ready(function(){
    $('input:radio').change(function(){
       $(this).closest('div').css('background-color', 'red');
    });
});

    Und als redsquare hat gesagt, Sie sollten nicht wirklich inline-css. Sollten Sie die toggleclass Funktion. Ich habe gerade die css-Funktion als Beispiel.

    • dies wird sich ändern, das td-hintergrund
    • Keine Notwendigkeit für den downvote, gib mir ändern, korrigieren Sie zuerst.
    • Ich habe nicht -1
    • Ja, ich würde mich gerne ändern, div-hintergrund-Farbe. Gibt es eine Möglichkeit um diese Methode zu verwenden und die Ziel-div?
    • verwenden Sie $(this).closest('div')
    • auch würde ich toggleClass eher als inline-css
    • sorry, einfach nur davon ausgegangen, wie die downvote geschah in der gleichen minute gepostet, dass es Sie war. Wie auch immer, korrigiert und funktioniert jetzt.
    • OT - dein blog wirft .net Fehler!
    • Vergessen hatte ich den link auf DAMIT. Es entfernt.

    InformationsquelleAutor djdd87
  2. 0

    Versuchen

     $(function() {
        $(".radio_cell input[type=radio]").bind("click", function() {
            $(this).parents('div:first').css("background-color", "Blue");
        });
    });
    • am nächsten ist hier besser, auf diese Weise bekommt alle Eltern dann Filter
    InformationsquelleAutor josephj1989
  3. 0

    Ich würde das toggleClass anstatt inline-css. 

    $(document).ready(function(){
    $('input:radio').change(function(){
       $(this).closest('div').toggleClass('highlight');
    });
});
    InformationsquelleAutor redsquare
Schreibe einen Kommentar