提交表单时自动选中复选框

时间:2012-06-06 19:31:11

标签: javascript jquery

我有一个带有复选框和提交按钮的表单。我希望在提交表单时自动检查复选框。

我怎么能用jquery或javascript做到这一点?

6 个答案:

答案 0 :(得分: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 :(得分:1)

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

答案 2 :(得分:1)

虽然我不确定目的是什么,但您可以使用jQuery选择器。

http://api.jquery.com/checkbox-selector/

答案 3 :(得分:1)

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

请参阅此处的小提琴http://jsfiddle.net/sedcv

答案 4 :(得分: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/

答案 5 :(得分:0)

相反,如果您希望选中此复选框,则可以禁用该复选框,以防止用户取消选中该复选框并自动检查该复选框。

<input type="checkbox" name="uniquename" disabled="disabled" checked="checked"/>