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

Question

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

我怎样才能用 jquery 或 javascript 做到这一点？

Answer 1

假设你有这样的 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/

Answer 2

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

Answer 3

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

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

Answer 4

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

在这里查看小提琴http://jsfiddle.net/sedcv

Answer 5

HTML：

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

查询：

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

JSFIDDLE 演示：

http://jsfiddle.net/ycqZa/

Answer 6

相反，如果您希望复选框已经被选中，您可以禁用它，以防止用户取消选中它并自动选中它。

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