Aktivieren Sie eine textarea, nur wenn ein radio-button ausgewählt ist

Habe ich ein feedback-system in dieser website, die ich Baue, und die Benutzer werden aufgefordert, feedback zu den service, den Sie erhalten haben. Sie haben die Wahl, entweder eine tatsächliche feedback oder überspringen Sie die ganze Sache. Ich habe 2 radio-buttons (1 für positiv, die andere negativ)

<input type="radio" name="rating" value="1" id="green" /><label for="green">Positive</label><br />
<input type="radio" name="rating" value="0" id="red" /><label for="red">Negative</label>

Dann, ich habe eine textarea für Benutzer bereitstellen, das eigentliche feedback.

<textarea style="width: 95%;" rows="6" name="feedback"></textarea>

Ich hätte lieber die textarea aktiviert NUR, wenn der Benutzer klickt auf eine tatsächliche radio-button. Wenn nicht, ist das textarea bleibt deaktiviert. Wie sollte ich dies angehen? (Ich bin denken jQuery)

Danke, Jungs.

[BEARBEITEN]

Danke für den schnellen input, Jungs. Auch, wenn ich hinzufügen darf, was ist, wenn sagen wir mal ich bin generieren von Zeilen von Daten in MySQL. Die macht der Namen (also. für userid 1) name=rating[1] und name=feedback[1]. Wie wähle ich diese mit jQuery?

InformationsquelleAutor Mike Sanchez | 2012-02-23
  1. 5
    $('input[name="rating"]').on('change', function() {
    $('textarea[name="feedback"]').show();
});

    http://jsfiddle.net/933DJ/

    Update nach Ihrem Kommentar:

    $('input[name="rating"]').on('change', function() {
    $('textarea[name="feedback"]').attr('disabled', false).focus();
});

    http://jsfiddle.net/933DJ/1/

    • Danke, aber ich möchte den text-Bereich angezeigt werden und nicht ausgeblendet.
    • aktualisiert meine Antwort.
    • Danke! Können Sie bitte überprüfen Sie auf dieser: jsfiddle.net/hqfBt ich möchte jQuery zu aktivieren Sie einfach die textarea entspricht die radio-buttons nicht alle Texteingabefelder.
    • Sicher, nur wählen Sie die textarea-Komponente aus der gleichen Zeile: jsfiddle.net/hqfBt/1
    • Danke für die Mühe. 'preciate es, Kumpel.
    InformationsquelleAutor Geert
  2. 3

    Sollten Sie die textarea-Komponente, wie dies

    <textarea style="width: 95%;" rows="6" name="feedback" disabled></textarea>

    dann 

    $('input[name=rating]').click(function(){
   $('textarea[name=feedback]').removeProp('disabled');
})
    • Nur eine Anmerkung zu der OP zu sagen removeProp ist nur für 1.6 und höher, attr würde vor 1.6
    • Danke, und was ist, wenn sagen wir mal ich bin generieren von Zeilen von Daten in MySQL. Die macht der Namen (also. für userid 1) name=rating[1] und name=feedback[1]. Meine schlecht, ich habe vergessen mit in die Frage.
    • dann haben Sie zu entkommen, die spezielle Zeichen wie diese $('input[name=rating\\[1\\]]')
    • Das funktioniert für userid 1. Wie über die userid 2, 3, 4, etc. Ich bin der Schätzung rund hundert Benutzer.
    • verwenden Sie die - Attribut beginnt mit Selektor: $('input[name^=rating]')
    • machen Sie es wie diese (i ' V Hinzugefügt, die table-Tags sonst die html war invalis) jsfiddle.net/hqfBt/4

    InformationsquelleAutor Nicola Peluchetti
  3. 1

    Wenn Sie mit jQuery 1.7+, die Sie tun können:

    $("input[name=rating]").click(function(){
    $("#textareaid").prop("disabled", this.checked);
});

    (Beachten Sie die Verwendung von prop vs attr)

    InformationsquelleAutor Ash Clarke
  4. 0
    <form name="f1" action="" >
<input type="radio" name="rating" value="1" id="green" onclick="somefunction(0)"/><label for="green">Positive</label><br />
<input type="radio" name="rating" value="0" id="red" onclick="somefunction(1)" /><label for="red">Negative</label>
<textarea style="width: 95%;" rows="6" name="feedback" readonly="readonly" ></textarea>
</form>
<script type="text/javascript">

function somefunction(val)
{
    if(val)
document.f1.feedback.setAttribute("readonly",val)
else
document.f1.feedback.removeAttribute("readonly",val)


}
</script>
    InformationsquelleAutor waseem
Schreibe einen Kommentar