Javascript 显示/隐藏单选按钮上的div并更改表单操作 你好 Hellow

我有一个表单，其中有两个单选按钮和两个div。如果我选择了id=1的单选按钮，则会显示id=“a”的div，其他div将被隐藏，表单操作将是one.php。如果我选择id=“two”的单选按钮，将显示id=“b”的div，并将动作更改为“two.php”。如何使用jquery或javascript实现这一点。有什么帮助吗。

试试这个

<form action ="one.php" method="post">
<input type="radio" name="cardType" id="one" class="css-checkbox" value="db">
<input type="radio" name="cardType" id="two" class="css-checkbox" value="cc">

<div id="a">Hi</div>

<div id="b">Hellow</div>

</form>

试试这个：

你好
Hellow
css:
#b{
显示：无；
}  
剧本
$（文档）.ready（函数（）{
$（“.css复选框”）。单击（函数（）{
if（$（this.attr（'id'）==“一”）{
$（'a'）.show（）；
$（'#b'）.hide（）；
$（“#myForm”）.attr（'action'，'one.php'）；
}否则{
$（'a'）.hide（）；
$（'#b'）.show（）；
$（“#myForm”）.attr（'action'，'two.php'）；
}
});
});

试试这个

<form id="myForm" action ="one.php" method="post">
<input type="radio" name="cardType" id="one" class="css-checkbox" value="db" checked>
<input type="radio" name="cardType" id="two" class="css-checkbox" value="cc">

<div id="a">Hi</div>

<div id="b">Hellow</div>

</form>

css:
  #b{
     display:none;  
  }  


Script

    $(document).ready(function () {
        $(".css-checkbox").click(function () {
            if ($(this).attr('id') == "one") {
                $('#a').show();
                $('#b').hide();
                $("#myForm").attr('action','one.php');
            } else {
                $('#a').hide();
                $('#b').show();
                $("#myForm").attr('action','two.php');
            }
        });

    });

---

除此之外，其他答案都没有改变动作。干得好。。。只是这并没有显示相关的div返回：PI将对此进行测试并返回：）

jQuery("[name='cardType']").click(function(){
   var divs = $(this).parent().find(">div");
    divs.hide();
    if(this.id === 'one'){
        $("#a").show();
    }else{
        $("#b").show();
    }
});

<form id="myForm" action ="one.php" method="post">
<input type="radio" name="cardType" id="one" class="css-checkbox" value="db" checked>
<input type="radio" name="cardType" id="two" class="css-checkbox" value="cc">

<div id="a">Hi</div>

<div id="b">Hellow</div>

</form>

css:
  #b{
     display:none;  
  }  


Script

    $(document).ready(function () {
        $(".css-checkbox").click(function () {
            if ($(this).attr('id') == "one") {
                $('#a').show();
                $('#b').hide();
                $("#myForm").attr('action','one.php');
            } else {
                $('#a').hide();
                $('#b').show();
                $("#myForm").attr('action','two.php');
            }
        });

    });

$('input[type=radio].css-checkbox').click(function(){
    if (this.id=="one"){
        $('div#a').show();
        $('div#b').hide();
        $('form').attr('action','one.php');
    }
    else {
         $('div#a').hide();
        $('div#b').show();
        $('form').attr('action','two.php');
    }
});

    $(function () {

        $('input[name=cardType]').click(function () {
            var id_checked = $('input[name=cardType]:radio:checked').attr('id');
            if (id_checked == 'one') {
                $('#a').show();
                $('#b').hide();
            } else if (id_checked == 'two') {
                $('#a').hide();
                $('#b').show();
            }
            $('form').attr('action', id_checked + '.php');
        });     

    });