在单选按钮上显示/隐藏div并更改表单操作

Question

<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>

我有一个表单,其中有两个单选按钮和两个div.如果我选​​择id = 1的单选按钮,则显示id为"a"的div,并显示其他div,其他div将被隐藏,表单操作将为one.php.如果我选择id ="two"的单选按钮,将显示id ="b"的div并将表单操作更改为"two.php"..如何使用jquery或javascript.Any帮助完成此操作.

Answer 1

<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');
            }
        });

    });

小提琴