Deaktivieren/aktivieren Sie das Textfeld mit radio button (jQuery)

danke für die Vergangenheit helfen. Ich Frage Sie wieder.

Will ich habe 2 radio-buttons, die beim ändern des Status (Aktiviert/Deaktiviert) von einem text-Eingabe.

Schaffte ich es kommen von deaktiviert zu aktiviert, aber das problem ist, dass, wenn Sie Umschalten zwischen radio-buttons, text-Felder Aktiviert bleibt. Und ich will nicht, dass.

html ist im fiddle

$(document).ready( function(){
$('#casodhoda,#casodhoda1').prop('disabled',true);
$('input[type=radio][name=radioknof1]').click( function(){
$('#casodhoda,#casodhoda1').prop('disabled',true).val('');
$(this).next('span').children('wpcf7-form-control-wrap casodhoda').prop('disabled',false).triggerHandler('focus');
});
});

BEARBEITEN, verändert ein wenig den code, und auf jedem Weg kann man funktionierende Lösung mehr.. ich will die Eingabefelder deaktiviert werden, beim laden, und wenn der Benutzer klickt auf radio sollte es ermöglichen, sowohl und Fokus auf das erste Eingabefeld. Die http://jsfiddle.net/wLFKD/3/ ist hier. Danke!

Ihre Geige ist völlig Verschieden von dem, was Sie Fragen.

InformationsquelleAutor M P | 2012-11-05

  1. 5

    Komplett geändert, wie pro Ihre html-Seiten. Sollte dies funktionieren:

    $(document).ready( function(){
  $('#casodhoda,#casprihoda').prop('disabled',true);
  $('input[type=radio][name=radioknof]').click( function(){
    $('#casodhoda,#casprihoda').prop('disabled',true).val('');
    $(this).next('span').children('.wpcf7-form-control').prop('disabled',false).triggerHandler('focus');
  });
});

    Es war ein Tippfehler.
    Wenn dies nicht funktioniert, die einzige weitere Weise kann ich denken, der ist... Nein, ich denke, das wird funktionieren.

    danke! Es funktioniert, ich kann keine Stimme für deine Antwort. Die andere Lösung ist jsfiddle.net/VV9Fu/2
    hey, können Sie mir helfen ein weiteres mal.. ich kann es nicht auf meiner Website (transferji.org).. ich habe auch versucht, diese Geige (jsfiddle.net/wJYjH).. Wäre dankbar, wenn Sie überprüfen können. Ich bin mit WP plugin Contact Form 7, das vielleicht auch tun, problem?
    Setzen Sie den code in $(document).ready() Veranstaltung
    Einige änderungen am code vorgenommen. Überprüfen Sie es heraus.
    sollte er Recht? Ich bin neu hier, und noch Ruf-hungrig. Obwohl, ich glaube, er ist so begeistert, dass es funktioniert, dass alle meine verzweifelten appelle gingen ungehört. Aber, es ist cool. Es ist alles über das warme, fuzzy-Gefühl, ist es nicht. 🙂

    InformationsquelleAutor Abhilash

  2. 0

    Dieses markup:

    <input type="radio" name="radioknof" value="text1"/>
<input type="text" id="id1" disabled="disabled"/><br/><br/>
<input type="radio" name="radioknof" value="text2"/>  
<input type="text" id="id2" disabled="disabled"/>​

    und dieses Skript:

    $('input[name="radioknof"]').on('click', function(){            
    $(this).next().prop('disabled',false).siblings('input[type=text]').prop('disabled',true);
});

    Ergebnisse in dem, was Sie wollen: http://jsfiddle.net/uefAK/

    Hmm.. ich kann nicht ankommen es zu wirken, denn ich nutze WP plugin Contact Form 7, und kann ich nicht geben disabled="disabled", um das Eingabefeld. Gibt es irgendeine Abhilfe?
    Sie können deaktivieren Sie Sie manuell in das Skript mit $('#id1,#id2').prop('disabled', true); oder $('input[type=text]').prop('disabled', true); oder gleichwertig (wie in Abhilash Antwort)
    dieser Weg geht.. aber dann ist dein Skript für die Umschaltung funktioniert nicht.. ich weiß nicht, was falsch..
    scheint zu funktionieren hier: jsfiddle.net/2VL7b
    ja, ich habe jetzt 3 arbeiten in JS fiddle.. Aber dieser verdammte Contact Form 7.. Aber ich brauche es wegen der DB. Vielleicht ist dies nicht funktioniert, weil die Klasse und den Namen zugeordnet ist, automatisch auf die text-box. können überprüfen Sie bitte (transferji.org) - vielen Dank

    InformationsquelleAutor st3inn

  3. 0

    Warum nicht, eine andere Lösung, die nicht erforderlich Javascript?

    //HTML
<form>
    <div>
        <input id="trigger-1" type="radio" name="radioknof" value="text1"/>
        <label for="trigger-1"><input type="text" id="input-1" /></label>
    </div>
    <div>
        <input id="trigger-2" type="radio" name="radioknof" value="text2"/>
        <label for="trigger-2"><input type="text" id="input-2" /></label>
    </div>
</form>​


//CSS, but just for styling, it doesn't have functional meaning :)
form {padding: 2%}
div {margin: 1em 0}
input[type='radio'] {cursor: pointer;}​

    http://jsfiddle.net/nUWcF/

    InformationsquelleAutor Chris X

Schreibe einen Kommentar