Html按鈕單擊事件不會觸發單選按鈕

我有一個單選按鈕列表。當我點擊單選按鈕時，相應的內容正在顯示，這些是滑塊內容。我正在使用jquery.bxslider.js來達到這個目的。它工作正常2例： -Html按鈕單擊事件不會觸發單選按鈕

1-當我點擊單選按鈕。 2-當我創建一個單獨的按鈕調用onclick事件的功能。然後調用該按鈕。這在下面定義。

<input id="checkbtn1" type="button" value="show" onclick="javascript:checkButton();" /> 

<script>   

function checkButton() { 
$("#plan-3").prop("checked", true); 
$("input:radio[name=PremiumGroup][id=plan-3]").trigger('click'); 
} 
</script>

但我的要求是自動觸發按鈕事件或任何如何單擊單選按鈕，以便各自的滑塊顯示。我爲此寫了下面的代碼，但它只是選擇單選按鈕，但沒有事件觸發。

<script> 
    $("#checkbtn1").click(); 
</script>

有人可以幫忙嗎？

來源

2016-05-13 Kedar Nayak

問題是您正在創建按鈕，並且click方法不會註冊該元素。

你可以在$（document）.ready（）中觸發點擊，它應該可以工作，因爲dom現在已經加載並且jquery知道你的按鈕。

它建議立即進行刪除是這個樣子：

$(document).ready(function(){   
    $('#checkbtn1').trigger('click'); 
});

你確實有在DOM元素，不是嗎？ Here is a link to the jsBin:

來源

2016-05-13 14:05:46

至於你的建議，我添加了$（document）.ready（），但現在它完全不像之前選擇那樣選擇單選按鈕。 –

您能否給出其他建議？ –

我剛更新了代碼並添加了一個預覽鏈接 –

我想是這樣的，它的工作原理：

$(document).ready(function(){ 

    $('#checkbtn1').click(function(){ 
    $('#plan-3').prop("checked", true).trigger('click'); 
    }); 

    $('#plan-3').click(function(){ 
    alert('radio button clicked');  
    }); 
});

檢查此琴：https://jsfiddle.net/e174f7t3/3/

我只是用一兩個事件來代替。

來源

2016-05-13 14:37:59 Alex85651

你想在jsfiddle中顯示什麼，這裏沒有任何工作。順便說一下，當我寫這個$（「＃checkbtn1」）。click（）;在$（document）.ready（）裏面，單選按鈕根本沒有選擇，並且在ready（）單選按鈕之外選擇，但那個滑動條不顯示哪個只通過點擊來顯示。 –

我不確定你想要什麼。你想單擊按鈕右邊的單選按鈕觸發你的單選按鈕？對不起，如果我誤解了 – Alex85651

我的要求是按鈕事件單擊事件觸發按鈕事件和按鈕事件自動觸發當頁面加載。 –

Html按鈕單擊事件不會觸發單選按鈕

回答

相關問題