Question

我希望在单击

时单击单选按钮添加if / else

如果我点击检查收音机值“收音机1” 我可以点击无线电值“Radio Sub 1”或“Radio Sub 2” 和禁用文本框“更多”
如果我点击检查无线电值“无线电2” 禁用文本框“更多”并禁用无线电值 “Radio Sub 1”或“Radio Sub 2”（副无线电）
如果我点击检查无线电值“Radio 3” 我可以输入“更多”文本框并禁用无线电值 “Radio Sub 1”或“Radio Sub 2”（副无线电）
否则我不检查电台必须禁用“更多”文本框并禁用无线电值 “Radio Sub 1”或“Radio Sub 2”（副无线电）

这是我的代码

<input type="radio" name="myradio" value="Radio 1" >
<label>Radio 1</label> &nbsp; &nbsp;

<input type="radio" name="mysubradio" value="Radio Sub 1"  >
<label>Radio Sub 1</label> &nbsp; &nbsp;

<input type="radio" name="mysubradio" value="Radio Sub 2"  >
<label>Radio Sub 2</label> &nbsp; &nbsp;
<br/><br/>

<input type="radio" name="myradio"  value="Radio 2" >
<label>Radio 2</label> <br/><br/>

<input type="radio" name="myradio" value="Radio 3" >
<label>Radio 3</label> 
<input name="more" placeholder="more" maxlength="50" type="text" >

您可以在here Js Fiddle

中测试代码

帮助我，谢谢：）

Answer 1

为方便起见，我使用过jQuery，但这不是学习JavaScript基础知识的最佳方式。因此，请使用此解决方案作为演示，以了解您可以使用JavaScript和jQuery，但是当你开始学习它时，只能从JavaScript开始。

这是你可以做的，以实现你之前提到的逻辑：

$('input').click(function() {
// Will be equal to the value of the selected radio
var myradio = $('input[name="myradio"]:checked').val();

if (myradio === 'Radio 1')
{
    // Enable subradios
    $('input[name="mysubradio"]').prop('disabled', false);

    // Disable textbox
    $('input[name="more"]').prop('disabled', true);
}
else if (myradio === 'Radio 2')
{
    // Disable subradios
    $('input[name="mysubradio"]').prop('disabled', true);

    // Disable textbox
    $('input[name="more"]').prop('disabled', true);
}
else if (myradio === 'Radio 3')
{
    // Disable subradios
    $('input[name="mysubradio"]').prop('disabled', true);

    // Enable textbox
    $('input[name="more"]').prop('disabled', false);
}
});

我已更新您的JSFiddle here。现在，我建议您开始使用tutorials学习JavaScript，然后发现jQuery以了解我给您的代码。

干杯

单击单选按钮

1 个答案: