Toggle checkbox перед отправкой формы

Question

Я хочу отправить форму после нажатия на ярлык рядом с флажком. Поэтому я создал простую функцию ниже. Html код:

<input class="myinput" type="checkbox" name="photo"id="photo" value="1" /> 
<label class="autosend" for="photo">Photos</label> 
<input class="myinput" type="checkbox" name="text"id="photo" value="1" /> 
<label class="autosend" for="text">Text</label> 

Jquery код:

$('.autosend').click(function() { 
$('form#search').submit(); 
}); 

Основная проблема является - после нажатия на форме этикетки посылается, но без проверенного флажка. Почему это? Я вижу в своем веб-браузере, что флажок проверяется всего на несколько секунд перед отправкой. Есть ли способ использовать этот код jquery выше с возможностью проверки или снятия флажка, который принадлежит определенной метке?

Я знаю, что могу добавить дополнительную строку перед передачей формы:

$(this).prev(".myinput").attr('checked','checked'); 

Но это не решение, потому что мне нужно проверить, если предыдущий вход проверяется и только переключение (между государством проверяется и не проверяется) ,

Answer 1

$('input:checkbox').change(function() { 
$('form#search').submit(); 
}); 

Answer 2

Вы можете отправить форму на событии изменения в флажке:

$('input[name=text]').on('change', function(){ 
    $(this).parents('form').submit(); 
}); 

Answer 3

Прежде всего атрибут label элемента for должны быть установлены в id родственного ввода.

<input class="myinput" type="checkbox" name="photo" id="photo" value="1" /> 
<label class="autosend" for="photo">Photos</label> 

<input class="myinput" type="checkbox" name="text" id="text" value="1" /> 
<label class="autosend" for="text">Text</label> 

Во-вторых, вы должны использовать change событие, чтобы охватить пользователей подбирая коробку с помощью ввода с клавиатуры, и вы должны также проверить, чтобы убедиться, что коробка проверяется, не бесконтрольно

$('input:checkbox').change(function() { 
    if ($(this).is(":checked")) { 
     $('form#search').submit(); 
    } 
}); 

Example fiddle

Answer 4

Проблема заключается в том, что атрибут for элемента <label> соответствует ID не имя элемента, которое y ou хочет, чтобы это сослалось. Ваш ярлык и ваш флажок не подключены, поэтому щелчок на ярлыке не переключит этот флажок.