選擇並觸發jquery中單選按鈕的單擊事件

文檔加載時，我試圖觸發第一個單選按鈕的單擊事件....但單擊事件是not triggered。此外，嘗試「更改」而不是點擊...但結果相同。選擇並觸發jquery中單選按鈕的單擊事件

$(document).ready(function() { 
    //$("#checkbox_div input:radio").click(function() { 

    $("input:radio:first").prop("checked", true).trigger("click"); 

    //}); 



    $("#checkbox_div input:radio").click(function() { 

     alert("clicked"); 

    }); 

});

請按照下面的鏈接問題

例子： http://jsbin.com/ezesaw/1/edit

請幫我在獲得這一權利。謝謝！

來源

2013-07-31 user2569524

首先編寫點擊事件函數，然後用觸發器調用它 –

事件發生前，您正在觸發事件。

只需將事件的triggering移動到附加事件後。

$(document).ready(function() { 
    $("#checkbox_div input:radio").click(function() { 

    alert("clicked"); 

    }); 

    $("input:radio:first").prop("checked", true).trigger("click"); 

});

Check Fiddle

來源

2013-07-31 20:35:47

開關的代碼的順序：您正在呼叫的單擊事件它是連接前。

$(document).ready(function() { 
     $("#checkbox_div input:radio").click(function() { 

      alert("clicked"); 

     }); 

     $("input:radio:first").prop("checked", true).trigger("click"); 

});

來源

2013-07-31 20:36:21 Jack

我的解決方案是一個有點不同：

$('input[name="your_radio_input_name"]:radio:first').click();

來源

2015-01-26 05:57:07 inMILD

對我來說，我不得不加載單選按鈕點擊，我只是使用了正onclick事件圖像，它爲我工作。

<input type="radio" name="colors" value="{{color.id}}" id="{{color.id}}-option" class="color_radion" onclick="return get_images(this, {{color.id}})"> 

<script> 
    function get_images(obj, color){ 
    console.log($("input[type='radio'][name='colors']:checked").val()); 

    } 
    </script>

來源

2017-03-01 12:10:46

選擇並觸發jquery中單選按鈕的單擊事件

回答

相關問題