Как проверить поле ввода флажок со значением при загрузке страницы, используя jquery

0
<script>
    $(document).ready(function(){
        $( window ).load(function() {
            $( "#check" ).val('hurray_checked');
        });
    });
</script>       


<input id="check" type="checkbox" name="should_be_checked_when_pageloads" value="" />

Так что все, что я хочу, это когда страница загружается, нижнее поле должно стать

<input id="check" type="checkbox" name="should_be_checked_when_pageloads" value="hurray_checked" />

Но мой код выше не работает, может кто-нибудь, пожалуйста, дайте мне знать, как проверить поле со значением при загрузке страницы?

  • 0
    Любая причина, почему вы использовали оба .ready & .load ?
  • 2
    Ваш вопрос неоднозначен. Вы хотите установить значение флажка, установить флажок или сделать оба?
Показать ещё 2 комментария
Теги:

8 ответов

0
Лучший ответ

не использовать нагрузку

load вызывается, когда все активы загружаются, включая изображения. готово, когда DOM готов к взаимодействию.

<script>
 $(document).ready(function(){
  $( ".check" ).attr("checked","checked").val('hurray_checked');
  });
</script>  
1

использовать jquery.prop

$(function(){
  $('.check').prop('checked', true);
});
0

Используйте . inplace of # like

$(document).ready(function() {
   $( ".check" ).val('hurray_checked');
// ----^-- . in place of # as you used class in checkbox
   $( ".check" ).prop('checked',true);// to check the checkbox
});

Прочитать prop()

Рабочая демонстрация

0

Либо вы используете это:

   $( window ).load(function() {
        $( ".check" ).val('**hurray_checked**');//the selector you are should be class
   });

Это добавит значение, когда окно загрузится

ИЛИ

$(document).ready(function() {
        $( ".check" ).val('**hurray_checked**');
   });

Это добавит значение, когда документ готов (загружен)

0

Событие $(window).load вызывается до $(document).ready, и вы определяете его после того, как оно произошло. Это означает, что ваш код никогда не будет вызван.

Вы должны либо удалить $(window).load wrapper, либо $(document).ready чтобы он работал так, как вы ожидаете.

0

попробуйте ниже.. для класса u нужно взять "." и для id u следует взять "#"

<script>
          $(document).ready(function(){

            $( window ).load(function() {
                $( ".check" ).val('**hurray_checked**');
                    });

            });
    </script>  
0

использование

$(document).ready(function(){    
        $('#check').prop('checked', true);    
});

скрипка

0

вам не нужно $( window).load код в $( window).load,

 $(document).ready(function(){

        $( "#check" ).val('hurray_checked');

    });

будет работать

Ещё вопросы

Сообщество Overcoder
Наверх
Меню