Wie Sie überprüfen, und deaktivieren Sie radio-buttons mit jquery und ajax?

Ich bin laden dynamisch erzeugte radio-buttons mit Hilfe des ajax durch und wählen Sie, während ich versuche, deaktivieren Sie den radio-button, ich weiß nicht, wie es funktioniert. Also kann mir jemand helfen in dieser?

Hier ist der Dynamisch Generierten HTML-Code:

enter code here
<table cellepadding='15' cellspacing='15' border='1' class='gridtable' align='center'>
<tr>
<td><strong>Service Name</strong></td>
<td><strong>Daily</strong>
<td><strong>Weekly</strong></td>
<td><strong>BiMonthly</strong></td>
<td><strong>Monthly</strong></td>
</tr>

<tr>
<td>Inspection & Reporting</td>
<td>NA</td>
<td align="center">
<input type="radio" id="215" name="1" value="1/215" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>50</strong></td>
<td><input type="radio" id="200" name="1" value="2/200" onclick="DisplayPrice(this.id);" class="radio"/>  <br> Rs. <strong>100</strong></td>
<td align="center"><input type="radio" id="200" name="1" value="3/200" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>200</strong></td>
</tr>

<tr>
<td>House keeping/Cleaning</td>
<td>NA</td>
<td align="center"><input type="radio" id="322.5" name="2" value="7/322.5" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>75</strong></td>
<td><input type="radio" id="300" name="2" value="8/300" onclick="DisplayPrice(this.id);" class="radio"/>  <br> Rs. <strong>150</strong></td>
<td align="center"><input type="radio" id="300" name="2" value="9/300" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>300</strong></td>
</tr>

<tr>
<td>Utility Bill Payment</td>
<td>NA</td>
<td align="center"><input type="radio" id="258" name="3" value="14/258" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>60</strong></td>
<td><input type="radio" id="240" name="3" value="15/240" onclick="DisplayPrice(this.id);" class="radio"/>  <br> Rs. <strong>120</strong></td>
<td align="center"><input type="radio" id="250" name="3" value="13/250" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>250</strong></td>
</tr>

<tr>
<td>Plumbing Inspection</td>
<td>NA</td>
<td align="center"><input type="radio" id="129" name="4" value="19/129" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>30</strong></td>
<td><input type="radio" id="120" name="4" value="20/120" onclick="DisplayPrice(this.id);" class="radio"/>  <br> Rs. <strong>60</strong></td>
<td align="center"><input type="radio" id="240" name="4" value="21/240" onclick="DisplayPrice(this.id);" class="radio"/> <br> Rs. <strong>240</strong></td>
</tr>

</table>
  • Sie sollten erhalten einige Ergebnis der Suche auf google... Vorsicht-ID mit Punkt ist nicht gültig
  • "Vorsicht-ID mit Punkt ist nicht gültig" ja, es ist: w3.org/TR/html5/dom.html#the-id-attribute die einzige Einschränkung, Die auf der IDs in HTML ist, dass Sie keine Leerzeichen enthalten. CSS erfordert weitere Beschränkungen auf ID-Selektoren (wie nicht so dass die ID in einer Auswahl beginnen mit einer Ziffer), aber das ist nicht relevant, wenn Sie nicht mit CSS-ID-Selektoren.
  • Zum Beispiel, dieses Skript aktualisieren Sie ein element mit einem Punkt in seinem id funktioniert in jedem browser, die Sie wollen versuchen, es in. 🙂
  • sicher, dies gilt in HTML5, jedoch nicht in CSS. Also, sollten wir Folgen in CSS oder HTML5 lieben, besser würde passen zu den beiden, imho. Das ist die gleiche Sache für die IDs beginnend mit der Nummer, für mich immer noch nicht gültig. Wie üblich, thx für Eure Rückmeldungen, immer willkommen 😉
  • Ich halte mich an die CSS-Regeln für IDs, da bin ich wahrscheinlich zu wollen, um den Einsatz von CSS-Selektoren mit Ihnen. Aber wenn Sie nicht sind, gibt es nichts unwirksam zur Verwendung der vollen Palette von IDs zur Verfügung.
InformationsquelleAutor user3322667 | 2014-02-18
  1. 6

    Verwenden Sie diese Anweisungen, um aktivieren/deaktivieren Sie radio-buttons

        $('#radioID').attr('checked', true) - Check the radio button which has ID "radioID"
    $('#radioID').attr('checked', false) - This is to uncheck the radio button

    Verwenden Sie diese Anweisung, wenn Sie wissen möchten, ob der radio-button ist bereits aktiviert

        var checked = $('#radioID').attr('checked');
    InformationsquelleAutor Rajkumar
  3. 0

    Versuchen, diese, seine arbeitete für mich.

    document.getElementById('Usertype1').checked = true;
    InformationsquelleAutor Ankur Tiwari
  4. 0

    Mit diesem code, die Sie überprüfen, und deaktivieren Sie das Optionsfeld einfach :

        $('.btnRadio').bind('change', function() {
        $(this).attr('checked','checked');
    });
    $('.btnRadio').bind('click', function() {
        $(this).removeAttr('checked');
    });

    Dieser Arbeit jedoch nur für Firefox. Ich verwenden den Doppelklick, um das problem zu lösen :

        $('.btnRadio').on('dblclick', function() {
        $(this).removeAttr('checked');
    });
    InformationsquelleAutor olivier770
Schreibe einen Kommentar