在HTML5中使用JavaScript的单选按钮的Click事件

Question

我想使用点网在HTML5中使用jquery获取单选按钮的click事件。 当我单击手风琴面板上的任何一个单选按钮时，在手风琴面板上有两个单选按钮，另一个面板应该打开，但不是我的jQuery代码如下：

<script type="text/javascript">

$(document).ready(function () {

    $("#radioinstant").click(function () {

        $(".flip").hide();
        $(".panel").hide();
        $(".flip1").show();
        $(".panel1").show();
    });
});

但是我无法检查单选按钮是否被单击，并且无法打开另一个面板。

Answer 1

不确定..但是请尝试一下。.$（document）.ready（function（）{

$("#youraccordionid #radioinstant").click(function (e) {
e.preventDefault(); //preventing the default behaviour of accordion

    $(".flip").hide();
    $(".panel").hide();
    $(".flip1").show();
    $(".panel1").show();
});

}）;

Answer 2

 $(document).ready(function()
{
    $(".flip1").click(function()
   {

         do what u want here
    });

  $(".flip2").click(function()
   {

     do what u want here
    });

 });

and keep this tags 

 <input name="rad1" type="radio" class="flip1"> radio1  </p>
 <input name="rad1" type="radio" class="flip2"> radio2  </p>

Answer 3

什么是#radioinstant？ 如果将id =“ radionistant”放在每个单选按钮上，将无法使用。 ID必须是唯一的，并且ID重复的结果取决于浏览器。 如果id =“ radioinstant”位于包含所有无线电的元素上，它将起作用，因为该事件将冒泡到事件上，但是请注意，如果单击#radioinstant本身或其中的任何其他元素，它也会触发。

如果要将事件绑定到多个元素，请按类（将所有无线电设置为同一个类）或按元素类型（将其绑定到页面上的所有无线电）进行操作。 您还可以使用“ #container input：radio”或“ #container .radio_class”来缩小绑定范围。

您还可以检查是否选中了特定的收音机。 与复选框相同：

if ($('.radio_1').is(':checked')) {
    //something
}
else if ($('.radio_1').is(':checked')) {
    //something else
}
//etc

您还可以使用$（'input：radio：checked'）选择选中的单选，然后检查其类或值或其他值。

Answer 4

编写一个函数，该函数传递单击的单选按钮的值以显示和隐藏要显示或隐藏的内容：

function Getvalue(id) {
        if (id == "your radio button id") {
           //do what you want
        }
        else{
            // do what you want
        }