在这条线上有很多关于桩流的答案,但是他们没有解决我的问题,我想做的是,我有4个同名相同id的收音机,当我选择其中任何一个的时候,它显示给我一个div,但是它只在第一个收音机上工作,当我选择它在第2,3,4不工作时,
<input class="rad_roof" type="radio" name="fb" id="fb" onchange="show_input()" />
<input class="rad_roof" type="radio" name="fb" id="fb" onchange="show_input()" />
<input class="rad_roof" type="radio" name="fb" id="fb" onchange="show_input()"/>
<input class="rad_roof" type="radio" name="fb" id="fb" onchange="show_input()" />
我用的这个j查询函数..。
function show_input(){
if($('#roof_types').is(':checked'))
$(".measurement").fadeIn(300);
}
在浏览器http://jsfiddle.net/ahmadsaadkhan/x1kn7p8q/上使用相同的代码而不是操纵
发布于 2015-01-05 23:31:33
如何实现这一目标有更多的可能性,其中之一就是定义show_input
函数。
function show_input() {
return $('#showdiv').show();
}
http://jsfiddle.net/x1kn7p8q/4/
如果没有此功能,则直接在电台活动上:
$('.rad_roof').change(function() {
$('#showdiv').show();
});
http://jsfiddle.net/x1kn7p8q/5/
请注意,在这两个示例中,我都避免使用必须是唯一的#fb
。如果在JS中使用#fb
,它将只与第一个#fb
一起工作,其他元素上的attr将被忽略。
试一试,点击任何收音机,只有当你点击第一个收音机时,才会显示警报。
$('#fb').click(function() {
alert('#fb clicked');
});
发布于 2015-01-05 23:28:10
您的标记不正确。ID应该是唯一的。
主要问题是,您有错误的选择器目标选中单选按钮。用途:
if($('.rad_roof:checked').length) $("#showdiv").show();
发布于 2015-01-05 23:30:05
你也可以试试这个,
$(document).ready(function(){
$('.rad_roof').click(function(){
if($(this).is(":checked")){
$(".showdiv").show();
}
});
});
https://stackoverflow.com/questions/27793964
复制相似问题