单击单选按钮

Question

我想在单击时在单选按钮中添加 if / else if

如果我点击选中单选值 "Radio 1" 我可以点击单选值 "Radio Sub 1" 或 "Radio Sub 2" 和禁用文本框 "more"
如果我点击选中单选值 "Radio 2" 禁用文本框 "more" 并禁用单选值 "Radio Sub 1" 或 "Radio Sub 2"（子广播）
如果我点击选中单选值 "Radio 3" 我可以在文本框中输入 "more" 并禁用单选值 "Radio Sub 1" 或 "Radio Sub 2"（子广播）
否则我不看收音机必须禁用文本框 "more" 并禁用单选值 "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" >

可以在hereJs中测试代码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 and then to discover jQuery 开始学习 JavaScript，以便理解我给您的代码。

干杯

单击单选按钮

Radio Button if on click

html

javascript

forms

if-statement

radio-button