2012-06-06 7 views
1

У меня есть форма с флажком и кнопкой отправки. Я хочу, чтобы флажок был автоматически проверен при отправке формы.Автоматическая проверка чекбокса при отправке формы

Как я могу сделать это с помощью jquery или javascript?

+0

Что вы намерены делать и что вы сделали? – uday

+0

Это поражает всю цель установки флажка. –

+0

Почему у вас есть флажок, если он всегда будет проверяться? – Limey

ответ

1
$('#formid').submit(function(){ 
    $(this).find('input[type="checkbox"]').attr('checked', 'checked'); 
}) 

См скрипку здесь http://jsfiddle.net/sedcv

+0

Вы должны использовать 'prop' вместо' attr'. Посмотрите [здесь] (http://api.jquery.com/prop/) – Jashwant

+0

Хороший звонок. Команда jQuery, похоже, хорошо ее очистила. – sottenad

1
$('#formId').submit(function(){ 
    $('#checkboxId').prop('checked', true); 
    return true; 
}); 
+0

Не будет работать без 'return true'? Не принимайте это в противном случае, я никогда не видел 'return true' – Jashwant

+0

Я получаю это :) Мне было просто любопытно, что я пропустил бы что-то важное. (Я узнал по частям, поэтому я обычно не знаю много мелочей) – Jashwant

2

Если у вас есть HTML как этот

<form> 
    Are you sure ?<input type="checkbox" id="chk1" value="1" /> 
    <input type="submit" value="submit" /> 
</form> 

Script

$(function(){ 

    $("form").submit(function(){ 
     $("#chk1").prop("checked", true); 
     alert("going to submit now"); 
    });   

}); 

Sample http://jsfiddle.net/TCaUk/1/

1

HTML:

​<input name="foo" type="checkbox"> 
<input type="button" id="button" value="check checkbox">​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Jquery:

​$("#button").bind('click', function(){ 
    $('input[name=foo]').attr('checked', true); 
});​​​​​​ 

JSFIDDLE DEMO:

http://jsfiddle.net/ycqZa/

+0

Это не срабатывает, если пользователь отправляет форму с помощью клавиши ввода. – sottenad

+0

Он/она сказал кнопку отправки, я просто сосредоточился на этом и проигнорировал тот факт, что он может захотеть отправить форму с помощью ключа ввода (oops: P), но я все же показал, как проверить флажок с помощью jquery :) –

0

Вместо этого, если вы хотите, чтобы флажок уже был установлен, вы можете отключить его, чтобы пользователь не снял флажок и не выполнил его автоматически.

<input type="checkbox" name="uniquename" disabled="disabled" checked="checked"/> 
Смежные вопросы