为什么我的基于单选按钮的隐藏/显示元素功能不起作用
Why my function hide/show element base on radio button not work?
为什么我的基于单选按钮的函数隐藏/显示元素不起作用?
http://jsfiddle.net/qmzz9x7h/
<script>
$(document).ready(function(){
$('input[type="radio"]').click(function(){
if($(#radio_id).attr("value")=="first"){
$("#second_checkbox").hide();
$("#first_checkbox_display").show();
}
if($(#radio_id).attr("value")=="second"){
$("#first_checkbox_display").hide();
$("#second_checkbox").show();
}
});
});
</script>
你的小提琴错了,看看简短的改进版本:
$(document).ready(function(){
$('input[type="radio"]').click(function(e){
var _val = $(this).val();
var _id = $(this).attr('id'); // Grap the ID
$("#second_checkbox, #first_checkbox_display").hide();
console.log(_val);
if( _val == "first" ){
$("#"+_val+"_checkbox_display").show();
}
else if( _val =="second"){
$("#"+_val+"_checkbox").show();
}
});
});
演示
<script>
$(document).ready(function(){
$(".radio_id").click(function(){
if($(this).attr("value")=="first"){
$("#second_checkbox").hide();
$("#first_checkbox_display").show();
}
if($(this).attr("value")=="second"){
$("#first_checkbox_display").hide();
$("#second_checkbox").show();
}
});
});
</script>
给你的单选按钮一个class"radio_id"
相关文章:
- javascript来显示元素属性
- 使用JavaScript或jQuery隐藏和显示元素
- 如何在Angular JS中滚动显示元素
- 如何在使用jQuery应用display:none后正确显示元素
- 仅使用Javascript隐藏/显示元素,而不会弄乱DOM
- jQuery单击并显示元素列表
- 键盘没有在Android和BlackBerry中显示元素焦点
- 在CSS转换期间显示元素的大小值
- 当我们关注jQuery时,只显示元素
- 包含方法和突出显示元素的问题
- JS/JQuery隐藏元素,更改文本,显示元素
- 如何显示元素的一部分,并在单击时切换到所有元素
- 在隐藏元素中显示元素
- 当PROTRACTOR元素后面有元素时,我怎么能知道当前的显示元素
- 在mouseover上显示元素在mouseleave上隐藏
- jquery显示元素是否具有类和特定值的内容
- 不能在复选框旁边显示元素
- 动态显示元素上的JavaScript触摸端;不要开火
- 点击JQuery/HTML5显示元素的索引/位置
- AngularJS:如何默认显示元素,并在按下按钮时切换