So ändern Sie den ausgewählten Radio button dynamisch mit jQuery

Vorstellen ich habe ein paar Zeilen von radio-Boxen, mit 4 Optionen jeder... 1, 2, 3 und einen leeren Wert. 

<input name="addons_1[23]" type="radio" value="1" />
<input name="addons_1[23]" type="radio" value="2" />
<input name="addons_1[23]" type="radio" value="3" />
<input name="addons_1[23]" type="radio" value="" />

<input name="addons_1[32]" type="radio" value="1" />
<input name="addons_1[32]" type="radio" value="2" />
<input name="addons_1[32]" type="radio" value="3" />
<input name="addons_1[32]" type="radio" value="" />

<input name="addons_1[45]" type="radio" value="1" />
<input name="addons_1[45]" type="radio" value="2" />
<input name="addons_1[45]" type="radio" value="3" />
<input name="addons_1[45]" type="radio" value="" />

<input name="addons_1[46]" type="radio" value="1" />
<input name="addons_1[46]" type="radio" value="2" />
<input name="addons_1[46]" type="radio" value="3" />
<input name="addons_1[46]" type="radio" value="" />

<input name="addons_1_noneed" id="addons_1_noneed" type="checkbox" /><label for="addons_1_noneed">Addons not needed.</label>

In diesem Fall möchte ich es so eingerichtet, dass, wenn das Markierungsfeld "input" am Ende (id=addons_1_noneed) aktiviert ist, würde ich gerne die radioboxes (alle von Ihnen), um über die 4. markiert ist (wobei value=""). Und basiert auf dem code, ich kann es nicht ändern, um einen nicht-leeren Wert.

Also die Funktion, ich habe versucht die folgenden Funktionen auf die Klick-Funktion angebracht #addons_1_noneed element:

$('#addons_1_noneed').click(function(){
   $("input[name='addons_1[]'] option[value='']").each(function({
      $(this).attr("selected","selected");
   });
});

Nicht funktioniert. 

$('#addons_1_noneed').click(function(){
   $("input[name='addons_1[]']").each(function({
      $(this).val('');
   });
});

Hat nicht funktioniert entweder.

Was bin ich?

  • console.log($(this)), und gehen von dort aus. Stellen Sie sicher, dass der Selektor gültig ist.
  • Naja... was hat die Konsole.log ausspucken?
  • Ich trennte die onclick-Funktion aus, um eine eigene Funktion, seine eigenen.. und jetzt ich habe kein Glück überhaupt. Die Funktion läuft, aber dann sagt die Funktion ist "undefined", das macht absolut keinen Sinn.. wenn der Funktion ein Fehler wäre es nicht sogar nie zu laufen beginnen? Ich legte alert("ME!"); am Anfang der Funktion vor der Selektoren-kick zu testen, wenn die Funktion aufgerufen wird. Das läuft wunderbar. aber die Konsole-Protokolle nicht passieren.. WTF!!??
  • Ich bin ein idiot... ich vergaß addons_1[xx] - array IDs definiert wurden, indem Sie die mysql-IDs, so dass der Selektor den ich hatte, war nicht arbeiten (addons_1_[]). Danke!
  • Hmmm, okay. Starten Sie einfach. Kommentieren Sie Ihre klicken Sie auf Sachen für heute. Lasst uns sicherstellen, dass Sie greifen die richtige Auswahl. var test = $("input[name='addons_1[]']"); console.log( test ); Open up your Inspektor in welchem browser Ihr verwendet, und das Objekt untersucht.
  • Froh, Sie haben es herausgefunden!

InformationsquelleAutor jeffkee | 2012-03-29
  1. 4
    $(document).ready(function(){
    $('#addons_1_noneed').click(function(){
        if($(this).attr('checked')=="checked"){
            $('input:radio').attr('checked', true);
        }else{
            $('input:radio').attr('checked', false);
        }

    });
});

    demo : http://jsfiddle.net/bNcRn/1/

    InformationsquelleAutor riemove
  2. 0
    var notesStatusValue = '<c:out value="${tradeMarkWatchReportSearchDto.notesStatusValue}"/>' ;
        jq("input:radio[name=notes]").each(function(){
            if(jq(this).val() == notesStatusValue) {
                jq(this).attr('checked','checked');
            }
        });

<input type="radio" name="notes" id="notes" value="Y">
                    <spring:message code="tm.report.search.added" text="DEBUG: Added" />
                    <input type="radio" name="notes" id="notes" value="N">
                    <spring:message code="tm.report.search.none" text="DEBUG: None" />
                    <input type="radio" name="notes" id="notes" value="ignore">
                    <spring:message code="tm.report.search.ignore" text="DEBUG: Ignore" />
    • Beschreibung bitte
    InformationsquelleAutor kiran vennampelli
Schreibe einen Kommentar