Sélectionner et déclencher le clic événement d'un bouton radio dans jquery
lors du chargement du document, je tente de déclencher l'événement de clic du premier bouton radio.... mais l'événement click est not triggered.Aussi, essayé le "changement" au lieu de clic ...mais ses le même résultat.
$(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");
});
});
s'il vous Plaît suivez le lien ci-dessous à la question
Exemple: http://jsbin.com/ezesaw/1/edit
Merci de m'aider dans l'obtention de ce droit. Merci!
4 réponses
vous déclenchez l'événement avant même que l'événement soit lié.
il suffit de déplacer le triggering de l'événement après la fixation de l'événement.
$(document).ready(function() {
$("#checkbox_div input:radio").click(function() {
alert("clicked");
});
$("input:radio:first").prop("checked", true).trigger("click");
});
changer l'ordre du code: Vous appelez l'événement click avant il est attaché.
$(document).ready(function() {
$("#checkbox_div input:radio").click(function() {
alert("clicked");
});
$("input:radio:first").prop("checked", true).trigger("click");
});
Ma solution est un peu différent:
$( 'input[name="your_radio_input_name"]:radio:first' ).click();
dans mon cas, j'ai dû charger des images sur le bouton radio clic,
J'utilise simplement les onclick événement et ça a fonctionné pour moi.
<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>