2012-06-06 61 views
1

我有一個複選框和一個提交按鈕的表單。我希望在提交表單時自動檢查複選框。提交表單時自動檢查checbox

我該怎麼用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',它會不會工作?不要承擔它,否則,我從來沒有見過'返回真實的' – Jashwant

+0

我明白了:)我只是好奇,我會錯過重要的東西。 (我已經學會了部分,所以我通常不知道很多小東西) – Jashwant

2

假設你有HTML這樣

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

腳本

$(function(){ 

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

}); 

樣品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"/>