jQuery vind keuzerondje in tabel

Ik probeer alle radioknoppen te vinden in een TR met een specifieke klassenaam. Zodra ik de radio-ingangen heb gevonden (ze zijn een simpele ja/nee-keuze), moet ik de radio op Nee zetten.

Hier is voorbeeld HTML:

<tr class="paramfield263 type0param  conditionalhidden">
<td class="paramlist_key">I certify that my organization is exempt from GST and PST</td>
<td class="paramlist_value">
    <input type="radio" value="1" id="paramsfield2631" name="params[field263]">
    
    <input type="radio" checked="checked" value="0" id="paramsfield2630" name="params[field263]">
    
</td>
</tr>

Dit is wat ik tot nu toe heb gekregen (zonder de modus NoConflict):

if (jQuery("tr").hasClass('conditionalhidden')){
        if (jQuery("tr td span").hasClass('rsvpparam0')){
            //found radios inside span with correct class
            //Now need to set the radio choice to No


        }
    }

Bedankt

 1
toegevoegd
Bekeken: 5
de bron

2 antwoord

jQuery("table input[val='no']").attr("checked", true)

Dus in het voorbeeld dat u heeft opgegeven, wilt u zoiets als:

jQuery(".conditionalhidden .rsvpparam0 input[val='no']").attr("checked", true);

Opmerking: dit gaat ervan uit dat je al deze klassen nodig hebt om de juiste invoer nauwkeurig te vinden.

2
toegevoegd
de bron
Ja, je zou dit willen selecteren: jQuery (". Conditionalhidden input [val = 'no']"). Attr ...
toegevoegd de auteur Stephen Wrighton, de bron
Bijgewerkt om uw voorbeeld beter te weerspiegelen.
toegevoegd de auteur nheinrich, de bron
Wikkel het in een jQuery ("tabelinvoer [type = 'radio']). Change() gebeurtenishandler. Meer info is te vinden in de jQuery-documenten hier: api.jquery.com/change
toegevoegd de auteur nheinrich, de bron
Zal dat niet alle ingangen in de tabel op NO zetten? Ik heb het nodig om alleen de invoer in te stellen die het in de reeks vindt met de juiste klasse
toegevoegd de auteur user1017058, de bron
Bedankt, ook hoe zou ik deze trigger kunnen maken wanneer een van de bovenstaande invoer I is gewijzigd?
toegevoegd de auteur user1017058, de bron
heel erg bedankt, een paar wijzigingen aangebracht, maar het was wat ik nodig had
toegevoegd de auteur user1017058, de bron

De meest nauwkeurige manier:

$('tr.conditionalhidden td span.rsvpparam0 input[type="radio"]#paramsfield2630').attr("checked", true)

De eenvoudige manier (maar ook afhankelijk van uw implementatie)

$('#paramsfield2631').attr("checked", true)

deze ID's lijken te zijn gegenereerd .. dus misschien is een goede optie om invoer: laatste te gebruiken om gewoon de eerste invoer te selecteren, maar zorg ervoor dat deze wordt voorafgegaan door de juiste selectors

0
toegevoegd
de bron