Jquery 显示和隐藏动态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>

---

你可以给收音机添加一个类，比如说“switch”，然后你可以这样做：

$("input.switch").click(function() {
       var value = $(this).attr('id').substring(7);
       $("#yes_wrap_" + value).show();
       $("#no_wrap_" + value).hide();
}); 

---

你可以给收音机添加一个类，比如说“switch”，然后你可以这样做：

$("input.switch").click(function() {
       var value = $(this).attr('id').substring(7);
       $("#yes_wrap_" + value).show();
       $("#no_wrap_" + value).hide();
}); 

这会奏效的

改变

$("input[name$='radio_1']").click(function() {

到

链接以供参考这将起作用

改变

$("input[name$='radio_1']").click(function() {

到

---

链接以供参考

如果标记是动态生成的，那么您能否不使用onclick并执行类似操作

<div><label><input type="radio" id=radio1_1" name="radio_1" value="1" onclick="$('#yes_wrap_1').show();$('#no_wrap_1').hide();">Yes</label>
<label><input type="radio" id=radio1_2" name="radio_1" value="2" onclick="$('#yes_wrap_1').hide();$('#no_wrap_1').show();">Yes</label>
</div>

是

如果标记是动态生成的，那么您能否不使用onclick并执行类似操作

<div><label><input type="radio" id=radio1_1" name="radio_1" value="1" onclick="$('#yes_wrap_1').show();$('#no_wrap_1').hide();">Yes</label>
<label><input type="radio" id=radio1_2" name="radio_1" value="2" onclick="$('#yes_wrap_1').hide();$('#no_wrap_1').show();">Yes</label>
</div>

是

选择器不会选择所有单选按钮。试试这样的

$("input:radio").click(function(){
});

---

您的选择器不会选择所有单选按钮。试试这样的

$("input:radio").click(function(){
});

我可以为单选按钮设置class=“required”。如何使用上述逻辑？我可能会为单选按钮设置class=“required”。如何使用上述逻辑？