Klicken Sie auf td, wählen Sie den radio-button in jQuery

Habe ein kleines problem mit einige sehr einfache jQuery, ich möchte in der Lage sein, um klicken Sie auf eine Zelle in der Tabelle, und dann haben Sie es automatisch wählen Sie den radio-button innerhalb.

HTML:

  <table>
   <tr>
    <td>
     1<br>
     <input type="radio" name="choice" value="1">
    </td>
    <td>
     2<br>
     <input type="radio" name="choice" value="2">
    </td>
    <td>
     3<br>
     <input type="radio" name="choice" value="3">
    </td>
   </tr>
  </table>

jQuery:

 $("td").click(function () {

  $(this).closest('input:radio').attr('checked',true);

 });

Jede Hilfe wäre wirklich zu schätzen, danke!

Da die Antworten sind schon korrekt, ich ll nur hier hinzufügen, dass .closest() ist für das Durchlaufen up der DOM-Baum, z.B. immer die <tr> oder die <table>, anstatt nach unten.

InformationsquelleAutor Nick | 2011-01-07

  1. 13

    Verwenden Sie diesen Selektor:

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

    Oder mit find Methode:

    $(this).find('input:radio').attr('checked', true);

    Hier ist, wie Ihr code Aussehen sollte:

    $("td").click(function () {
   $(this).find('input:radio').attr('checked', true);
});
    Keine Notwendigkeit, wrap this in der jQuery-Konstruktor, wenn verwendet, als ein Zusammenhang $('input:radio', this) ist genug.
    Vielen, vielen Dank! Eine schnelle Sache, aber ich Wechsel die Klasse, wenn der radio-button ausgewählt ist, aber das funktioniert nicht, wenn Sie auf die Zelle, auch wenn der radio-button ausgewählt ist? $("td input[type=radio]").bind('change click', function () { $('td').removeClass('selected'); $(this).parent('td').addClass('selected'); });
    Aktualisiert, zur Vermeidung weiterer Verwirrung 🙂
    Sollten Sie post, dass da eine andere Frage 🙂
    schöne Lösung auch

    InformationsquelleAutor Sarfraz

  2. 2

    Versuchen 

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

    InformationsquelleAutor Gerard Banasig

  3. 2

    Versuchen Sie finden statt am nächsten.

    $(this).find('input:radio').attr('checked',true);

    InformationsquelleAutor Dave Albert

Schreibe einen Kommentar