使用单选按钮控制文本框(启用/禁用)-jQuery
我想获得控制文本框、启用/禁用的帮助,具体取决于所选的单选按钮-jQuery将是首选 如果选择单选按钮,相关文本框将被启用-其他文本框将被禁用。所有场景都是一样的。将预先选择一个单选按钮 这是我的标记:使用单选按钮控制文本框(启用/禁用)-jQuery,jquery,textbox,radio-button,Jquery,Textbox,Radio Button,我想获得控制文本框、启用/禁用的帮助,具体取决于所选的单选按钮-jQuery将是首选 如果选择单选按钮,相关文本框将被启用-其他文本框将被禁用。所有场景都是一样的。将预先选择一个单选按钮 这是我的标记: 控制场 首先 第二 首先 这里有一个链接:我想我可能有你想要的东西。以下是jQuery: $('.RadioExample').not('.First').siblings().prop('disabled',true); $('.RadioExample').on('cli
控制场
首先
第二
首先
这里有一个链接:我想我可能有你想要的东西。以下是jQuery:
$('.RadioExample').not('.First').siblings().prop('disabled',true);
$('.RadioExample').on('click',function(){
$('.RadioExample')
.siblings()
.prop('disabled',true);
$(this)
.siblings()
.prop('disabled',false);
});
要执行此操作,请将classRadioExample
添加到每个单选按钮,并将First
添加到第一个单选按钮。这将在页面加载时禁用第一个单选按钮(默认情况下选中)之后的所有同级按钮,然后在每次单击时重新显示所有按钮,并为单击的按钮启用同级按钮
还有
有两种方法可以做到这一点(另一种方法是添加或删除类),但这是首先想到的方法。没有必要使用自定义类,您的实际标记也可以,因此,尝试一下:
$(document).ready(function() {
$('input:radio').change(function() {
$("#content").find("input:text").attr("disabled",true);
if($(this).is(":checked"))
$(this).parent().find("input:text").attr("disabled",false);
});
});
该功能将在收音机更改时更新输入,因此所有输入都将被禁用,然后如果实际收音机被选中,它将启用同一容器中的所有输入
看看您的JSFIDLE:
你能给我们看看你试过的一些东西吗?@Kenneth我所做的只是在fiddler里玩,没有成功。如果我有什么东西可以“工作”,我会把它贴上去。我仍然不知道我应该使用divs(id)还是childs(比如一个表标记)。好吧,与其显示一个完整的html页面,不如给我们一个具体的例子和一些你尝试过的东西(成功或失败)太棒了!谢谢你,伙计!这正是我想要做的。
$(document).ready(function() {
$('input:radio').change(function() {
$("#content").find("input:text").attr("disabled",true);
if($(this).is(":checked"))
$(this).parent().find("input:text").attr("disabled",false);
});
});