ラジオボタンのトリガーではないHTMLボタンのクリックイベント

Question

ラジオボタンのリストは1つです。ラジオボタンをクリックすると、それぞれのコンテンツが表示され、スライダーの内容になります。私はこの目的のためにjquery.bxslider.jsを使用しています。 2つのケースで正常に動作しています： -

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> 

誰でも助けてもらえますか？

Answer 1

ボタンをオンザフライで作成していて、clickメソッドが要素を登録していないという問題があります。

$（document）.ready（）でクリックをトリガーするだけで、DOMがロードされ、jqueryがあなたのボタンを知っているので、これはうまくいくはずです。あなたは、DOMの要素を持っていないん

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

：

それは次のようになりshoul？ Here is a link to the jsBin:

Answer 2

私はこのような何かを試してみましたが、それが動作します：

$(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/

私はちょうど2つのイベントの代わりのものを使用。