单选按钮(如果单击)
Radio Button if on click
我想在单选按钮中添加 if/else if 当点击
-
如果我单击选中的无线电值"无线电 1"我可以单击收音机值"无线电子 1"或"无线电子 2"和禁用文本框"更多"
-
如果我单击选中收音机值"收音机2"禁用文本框"更多"并禁用单选按钮值"子1电台"或"子2电台"(子电台)
-
如果我单击选中的无线电值"无线电 3"我可以输入文本框"更多"并禁用无线电值"子1电台"或"子2电台"(子电台)
-
否则我不检查收音机必须禁用文本框"更多"并禁用单选按钮值"子1电台"或"子2电台"(子电台)
这是我的代码
<input type="radio" name="myradio" value="Radio 1" >
<label>Radio 1</label>
<input type="radio" name="mysubradio" value="Radio Sub 1" >
<label>Radio Sub 1</label>
<input type="radio" name="mysubradio" value="Radio Sub 2" >
<label>Radio Sub 2</label>
<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" >
你可以在这里测试代码 Js 小提琴
帮帮我,谢谢:)
为了方便起见,我使用了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。现在,我建议你从教程开始学习JavaScript,然后发现jQuery,以便理解我给你的代码。
干杯
相关文章:
- 如果30秒未单击,请应用CSS一次,将其删除,然后重新迭代
- 如果侦听器附加到父元素,是否可以区分单击发生在哪个子元素上
- 如果同一页面上有多个谷歌地图,单击任何标记都会突出显示最底部的地图标记
- 如果ng单击附加到提交按钮,则表单未验证
- 如果语句不起作用,请单击
- removeClass(如果单击addClass)
- 如果某个值在另一个节点中,我如何每秒自动单击一个链接
- 如果确认消息,则触发单击事件
- 如果iframe通过单击加载,则自动调整iframe大小无效
- 如果单击画布中的图像,则发出警报
- 自动单击按钮(如果没有类)
- 用户单击带有哈希值的链接以访问该页面,如果禁用Javascript会发生什么情况
- 如果父元素具有 preventDefault,如何将单击传播到子元素
- 如果单击离开页面,请重定向到其他页面
- 计数单击按钮 1,如果单击按钮 2 计数
- 单选按钮(如果单击)
- Jquery Resize问题.如果宽度小于768宽度,请启用“单击选项”.768以上鼠标悬停选项启用
- 如果在内部单击下拉菜单,则不应将其关闭
- 值首先发布,然后只有它完成输入(如果单击).向后需要(代码是corect)
- j查询触发器单击如果 URL 包含参数