Question

我只想在选中复选框时提交表单，或者显示“请勾选复选框”，有什么办法可以吗？任何人都可以指导我吗？

感谢

<form  name="myForm" action="mailsent.php" method="post">

<input type="checkbox" class="chk_row" name="chk1[]"" value=" '.$rows["id"].'"/>

<input type="submit" value=""  style="margin:7px 26px -27px 1424px;background-image: url(/image/exporttt.png);background-repeat: no-repeat;cursor:pointer;" >

</form>

编辑代码：

<form  name="myForm" action="mailsent.php" method="post">

    <input type="checkbox" class="chk_row" id="chk1" name="chk1[]"" value=" '.$rows["id"].'"/>

    <input type="submit" value=""  style="margin:7px 26px -27px 1424px;background-image: url(/image/exporttt.png);background-repeat: no-repeat;cursor:pointer;" >

    </form>

<script>

$('form').submit(function(){
  if(!$('#chk1').is(':checked')){
      alert("Please Check ");
      return false;
  }
});
</script>

Answer 1

使用JQuery
您应该为您的复选框添加唯一ID

$('form').submit(function(){
 var flag=0;
  $('.chk_row').each(function(){
     if(($(this).is(':checked'))){
      flag=1
      return false;
     }
   });
  if(flag==0){
    alert("Please Check Checkbox");
    return false
  }
});

您的your_checkboxId是您在输入chekcbox中提供的ID 例如

<input type="checkbox" id="your_checkboxId" name="chk_name" value="some" / >

Answer 2

您可以使用jquery进行验证，提交ID为“submit”的提交按钮，然后使用此代码

$('#submit').click(function(e){
   e.preventDefault();
   if( $("[name='chk1[]']").is( ':checked')){
      return true;
   } else {
     // your custom code here
      return false;
    }
})

Answer 3

试试这个

$("#submit").click(function(e)
    {
    if($("#check").is(':checked'))
    {
        $("#form").prop("action","mailsent.php");
    }else
    {
    e.preventDefault();
    }
    });

您无需在表单标记中指定操作。 #form是表单的ID，#check是复选框的ID。

Answer 4

假设这里只有一个复选框，我正在使用类名选择它。您可以根据实现修改选择器以选择所需的选择器。

$(document).ready(function(){
$('.chk_row').change(function(e){
if($(this).attr('checked') === 'checked')
{
$('form[name="myForm"]').submit();
}
});
});

选中复选框后如何提交表单？

4 个答案: