2

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

<script type="text/javascript">

$(document).ready(function () {

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

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

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

4

4 回答 4

0

不确定..但是试试看..$(document).ready(function () {

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

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

});

于 2012-06-01T09:30:50.050 回答
0 
 $(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>
于 2012-06-01T09:32:45.820 回答
0

什么是#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') 选择选中的收音机并检查它的类或值或其他。

于 2012-06-01T09:49:55.033 回答
-1

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

function Getvalue(id) {
        if (id == "your radio button id") {
           //do what you want
        }
        else{
            // do what you want
        }
于 2012-06-05T06:43:15.107 回答