0
我想创建一个小问题排查器,询问用户是否已关闭问题,如果是的话? >>它根据答案显示了另一个问题。单选按钮隐藏取消隐藏div
反正
我使用单选按钮来显示下一个问题。 这里是我的代码:
<script type="text/javascript">
$(document).ready(function() {
if($('#option_1').is(':checked'))
{
$('#child_of_option_1').show('fast');
}
else if(!$('#option_1').is(':checked'))
{
$('#child_of_option_1').hide('fast');
clearradios(child_of_option_1);
}
$('#option_1').parent().bind('click', function() {
if($('#option_1').is(':checked'))
{
$('#child_of_option_1').show('fast');
}
else if(!$('#option_1').is(':checked'))
{
clearradios(child_of_option_1);
hidechildren(child_of_option_1);
$('#child_of_option_1').hide('fast');
}
});});
</script>
HTML:
<p><input id="option_1" value="" type="radio">
<label id="option_1_id" for="option_1">Plan A</label></p>
<p><input id="option_2" value="" type="radio">
<label id="option_2_id" for="option_2">Plan B</label></p>
</div>
<div style="display: none;" class="s_node" id="child_of_option_2">
<div class="node_notes">
<p>Continue with plan A </p>
<p></p>
</div>
<div style="display: none;" class="s_node" id="child_of_option_1">
<div class="node_notes">
<p>Continue with plan B </p>
<p></p>
</div>
所有我需要做的是,当我按下单选按钮,它隐藏单选按钮B和显示一个新的div。