Aktivieren Sie ein Textfeld nur, wenn 1 der radio-button geklickt wird

Ich habe 2 radio-button ie: ja und Nein. Wenn ich ja wählen, wird die text-box aktiviert wird. Wenn ich auf Nein klicken, wird der text-box deaktiviert werden. So aktivieren Sie das Textfeld, wenn ich auf ja klicke. Hier ist der code. Bitte tel mich, wie zu aktivieren und zu deaktivieren, es mit javascript.

<script type="text/javascript">
$(function() {

    $("#XISubmit").click(function(){

        var XIyop= document.forms["XIForm"]["XIyop"].value;
        var XIForm = $('form[name=XIForm]');
        var XIAlmnus = XIForm.find('input[name=XIAlmnus]:checked').val();

        if (XIAlmnus == null || XIAlmnus == "") 
        {
            alert("Please select  Parent is an Alumnus (old Boy) of this school");
            return false;
        }
        document.getElementById("XIForm").submit();
    });
</script>        

<!-- html code-->
<html>
...
<label>Parent is an Alumnus (old Boy) of this school </label> &nbsp&nbsp
<input type='radio' name='XIAlmnus' value='Yes' id="XIyes"/>Yes
<input type='radio' name='XIAlmnus' value='No' id="XIno"/>No</td>

<label>If Yes, Year of passing </label> &nbsp&nbsp
<input type="textbox" name="XIyop" id="XIyop" >
...
</html>

InformationsquelleAutor user3286350 | 2014-02-13

  1. 2

    Denke ich, sollten Sie einige Allgemeine Prozedur für dieses: http://jsfiddle.net/maximgladkov/MvLXL/

    $(function() {
    window.invalidate_input = function() {
        if ($('input[name=XIAlmnus]:checked').val() == "Yes")
            $('#XIyop').removeAttr('disabled');
        else
            $('#XIyop').attr('disabled', 'disabled');
    };

    $("input[name=XIAlmnus]").change(invalidate_input);

    invalidate_input();
});

    InformationsquelleAutor Maksim Gladkov

  2. 0

    stellen Sie zunächst die text-box deaktiviert.

    <input type="textbox" name="XIyop" id="XIyop" disabled>

    Ist der radio-button geklickt haben, überprüfen Sie und aktivieren Sie es.

    if(document.getElementById('XIyes').checked) {
     document.getElementById("XIyop").disabled = false;
    }else if(document.getElementById('XIno').checked) {
      document.getElementById("XIyop").disabled = true;
    }

    InformationsquelleAutor Tijo K Varghese

  3. 0
    $(function() {
                $('input[name="XIAlmnus"]').on('change', function() {
                    if ($(this).val() == 'Yes') {
                        $("#XIyop").prop('disabled', false);
                    } else {
                        $("#XIyop").prop('disabled', true);
                    }
                });
            });

<input type="textbox" name="XIyop" id="XIyop" disabled>

    InformationsquelleAutor Amb

  4. 0
    if(document.getElementById('XIyes').attr('checked')) {
    document.getElementById("XIyop").disabled = 'true';
} 

if(document.getElementById('XIno').attr('checked')) {
    document.getElementById("XIyop").disabled = 'false';
}

    InformationsquelleAutor Kaptan

  5. 0

    HTML:

    <label>Parent is an Alumnus (old Boy) of this school </label> &nbsp&nbsp
<input type='radio' name='XIAlmnus' value='Yes' id="XIyes"/>Yes
<input type='radio' name='XIAlmnus' value='No' id="XIno"/>No
<br/>
<label>If Yes, Year of passing </label> &nbsp&nbsp
<input type="textbox" name="XIyop" id="XIyop" disabled>

    JS:

    document.getElementById('XIyes').onchange = displayTextBox;
document.getElementById('XIno').onchange = displayTextBox;

var textBox = document.getElementById('XIyop');

function displayTextBox(evt){
    if(evt.target.value=="Yes"){
        textBox.disabled = false;
    }else{
        textBox.disabled = true;
    }
}

    Bitte finden Sie unter arbeiten demo hier. Danke ich hoffe das wird Ihnen helfen.

    InformationsquelleAutor Mithlesh Kumar

Schreibe einen Kommentar