При загрузке документа я пытаюсь вызвать событие клика первого переключателя.... но событие click not triggered. Также попробовал "изменить", а не кликнуть... но его же результат.
$(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
Пожалуйста, помогите мне в этом. Спасибо!
Вы запускаете событие до того, как событие равномерно.
Просто переместите triggering к событию после добавления события.
$(document).ready(function() {
$("#checkbox_div input:radio").click(function() {
alert("clicked");
});
$("input:radio:first").prop("checked", true).trigger("click");
});
Переключите порядок кода: вы вызываете событие click перед его присоединением.
$(document).ready(function() {
$("#checkbox_div input:radio").click(function() {
alert("clicked");
});
$("input:radio:first").prop("checked", true).trigger("click");
});
Мое решение немного другое:
$( 'input[name="your_radio_input_name"]:radio:first' ).click();
В моем случае мне приходилось загружать изображения на клик правой кнопкой мыши,
Я просто использую регулярное событие 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>
$("#radio1").attr('checked', true).trigger('click');