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