jQuery: Input required wenn Radio-Button checked ist

Mit diesem HTML / JavaScript Code kann man bestimmte Input-Felder auf disabled oder required stellen, sofern ein bestimmter Radio-Button selected ist oder nicht.

Beispiel:







Code:

<form action="" method="post">
    <!-- Required wenn die Option2 selektiert wurde -->
    <input type="text" name="text_input_field" id="required_later" disabled><br>

    <input type="radio" id="option1" name="radio_options" value="option1">
    <label for="option1">Option1</label><br>

    <input type="radio" id="option2" name="radio_options" value="option2">
    <label for="option2">Option2</label><br><br>
    <input type="submit" name="submit" value="Submit">
</form>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    $("#option1").click(function() {
        $("#required_later").prop("required", false);
        $("#required_later").prop("disabled", true);
    });
    $("#option2").click(function() {
        $("#required_later").prop("required", true);
        $("#required_later").prop("disabled", false);
        $("#required_later").focus();
    });
</script>

Ersten Kommentar schreiben

Antworten

Deine E-Mail-Adresse wird nicht veröffentlicht.


*


Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.