单击单选按钮时如何显示和隐藏下面的DIV?显示和隐藏动态DIV
<form name="form1" id="my_form" method="post" action="">
<div><label><input type="radio" id=radio1_1" name="radio_1" value="1">Yes</label>
<label><input type="radio" id=radio1_2" name="radio_1" value="2">Yes</label>
</div>
<div id="yes_wrap_1" style="display:none">test1</div>
<div id="no_wrap_1" style="display:none">test2</div>
<div><label><input type="radio" id=radio2_1" name="radio_2" value="1">Yes</label>
<label><input type="radio" id=radio2_2" name="radio_2" value="2">Yes</label>
</div>
<div id="yes_wrap_2" style="display:none">test1</div>
<div id="no_wrap_2" style="display:none">test2</div>
---------------
----------
<input type="submit" value="Submit">
</form>
这里我硬编码的第一个单选按钮点击,并试图隐藏和显示的DIV的第一集团。 但我有相同的结构动态生成10个单选按钮组和10个DIV组。我想使用相同的功能来处理其他单选按钮组。你可以让我知道如何做到这一点?谢谢。
$(document).ready(function(){
$("input[name$='radio_1']").click(function() {
if ($(this).val() === '1')
{
$("#yes_wrap_1").show();
$("#no_wrap_1").hide();
}
else if ($(this).val() === '2')
{
$("#yes_wrap_1").hide();
$("#no_wrap_1").show();
}
});
});
我alreday有一个class =“required”的单选按钮。我怎样才能使用上面的逻辑? – nav100
你有没有得到它的工作,或者你需要进一步的帮助? –