Javascript 仅在单击单选按钮中的1个时启用文本框_Javascript_Html

Javascript 仅在单击单选按钮中的1个时启用文本框

javascript html

Javascript 仅在单击单选按钮中的1个时启用文本框,javascript,html,Javascript,Html,我有两个单选按钮，即是和否。当我选择是时，文本框显示为启用。当我单击“否”时，文本框将被禁用。如何在单击“是”时启用文本框。这是代码。请告诉我如何使用javascript启用和禁用它 <script type="text/javascript"> $(function() { $("#XISubmit").click(function(){ var XIyop= document.forms["XIForm"]["XIyop"].value;

我有两个单选按钮，即是和否。当我选择是时，文本框显示为启用。当我单击“否”时，文本框将被禁用。如何在单击“是”时启用文本框。这是代码。请告诉我如何使用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>


$（函数（）{
$（“#XISubmit”）。单击（函数（）{
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===“”）
{
提醒（“请选择家长为本校校友（老男孩”）；
返回false；
}
document.getElementById（“XIForm”）.submit（）；
});
...
家长是这所学校的校友（老男孩）
对
不
如果是，过去的年份
...

首先禁用文本框

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

我认为，您应该为此使用一些通用处理程序：

$（函数（）{
$（'input[name=“XIAlmnus”]”）。在（'change'，function（）上{
如果（$（this.val（）=='Yes'）{
$（“#XIyop”）.prop（'disabled'，false）；
}否则{
$（“#XIyop”）.prop（'disabled'，true）；
}
});
});

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>

请看工作演示。谢谢你，我希望这将帮助你

$(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();
});

$(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>

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

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

<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>

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;
    }
}