Html-Taste klicken Ereignis nicht für Radiobutton auslösen

Question

Ich habe eine Radiobutton-Liste. Wenn ich auf den Radiobutton klicke, werden entsprechende Inhalte angezeigt und das sind Slider-Inhalte. Ich benutze jquery.bxslider.js für diesen Zweck. Es funktioniert gut in 2 Fällen: -

1- wenn ich den Radiobutton klicke. 2- Wenn ich eine separate Schaltfläche erstelle, rufe die Funktion im onclick-Ereignis auf. Und dann ruf den Knopf an. Dies ist nachstehend definiert.

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

Aber meine Anforderung wird automatisch die Schaltfläche Ereignis oder ein auslösen, wie die Radiobutton klicken, so dass der jeweilige Schieber angezeigt werden soll. Ich habe den folgenden Code für diesen Zweck geschrieben, aber es ist nur die Auswahl der Optionsschaltfläche, aber keine Ereignisauslösung.

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

Kann jemand bitte helfen?

Answer 1

Das Problem ist, dass Sie die Schaltfläche im laufenden Betrieb erstellen und die Click-Methode das Element nicht registriert.

Sie könnten nur den Klick in einem $ (Dokument) .ready() auslösen und es sollte funktionieren, weil das dom jetzt geladen ist und jquery Ihre Schaltfläche kennt.

Es shoul etwa wie folgt aussehen:

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

Sie tun das Element in der dom haben nicht wahr? Here is a link to the jsBin:

Answer 2

Ich habe versucht, so etwas und es funktioniert:

$(document).ready(function(){ 

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

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

prüfen diese Geige: https://jsfiddle.net/e174f7t3/3/

ich nur zwei Ereignisse statt einem verwendet.