只允許以兩種形式選中一個單選按鈕

Question

我有兩種形式，每種形式都有一個單選按鈕。 如何解決，以便在涉及多個表單時一次只能檢查一個單選按鈕？

這是兩種形式的基本組成部分：

<form name="form1" action="http://www.my-site.com/go-here.php" method="post">
  <input type="radio" name="payment" value="radio1" checked="checked" /> Use form1
</form>

<form name="form2" action="http://www.my-site.com/instead-go-here.php" method="post">
  <input type="radio" name="payment" value="radio2" /> Use form2
</form>

Answer 1

HTML：

<form name="form1" action="http://www.my-site.com/go-here.php" method="post">
  <input type="radio" name="payment" value="radio1" /> Use form1
</form>

<form name="form2" action="http://www.my-site.com/instead-go-here.php" method="post">
  <input type="radio" name="payment" value="radio2" /> Use form2
</form> 

JavaScript的：

$("[name=payment]").on("click",function(){

    $("[name=payment]").prop('checked', false)
    $(this).prop('checked', true)

});

小提琴： http : //jsfiddle.net/44mycngy/