1 jquery show-hide radio-button
这是一个菜鸟问题.我搜索了单选按钮jquery的东西,我感到困惑,因为有很多动态单选按钮等.无论如何,我正在尝试做一个简单的Show/Hide div thingie.
但由于某种原因,无论选择什么,我的代码总是为单选按钮返回相同的值"3".
所以这是我的HTML:
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script src="testjq.js"></script>
</head>
<body>
<div id="radios">
<input type="radio" id="radio1" name="radBut" checked="checked" value="1">
1
<br>
<input type="radio" id="radio2" name="radBut" value="2">
2
<br>
<input type="radio" id="radio3" name="radBut" value="3">
3<br>
<span id="VAL">value is = </span>
<br>
</div>
<div id="story1">
Story 1
</div>
<div id="story2" style="display:none">
Story 2
</div>
<div id="story3" style="display:none">
Story 3
</div>
这是testjq.js中的jQuery/java
$(document).ready(function() {
var testVar = 1;
$('input:radio[name=radBut]:checked').val(); {
var testVar = $(this).val();
}
if (testVar = 3){
$("#story3").show();
$("#story2").show();
$("#story1").show();
}
else if (testVar = 2){
$("#story3").hide();
$("#story2").show();
$("#story1").show();
}
else {
$("#story3").hide();
$("#story2").hide();
$("#story1").show();
}
$('#VAL').append(testVar);
});
关于我错了什么的任何建议？
这个块在这里:
$('input:radio[name=radBut]:checked').val(); {
var testVar = $(this).val();
}
应该:
testVar = $('input:radio[name=radBut]:checked').val();
由于已经声明了变量,因此无需重新声明此变量.
此外,您的所有if条件只有一个=,他们需要两个==