2014-03-03 40 views
-1

我想仅在选中复选框时提交表单,或者显示“请选中复选框”,有没有办法做到这一点?任何人都可以引导我吗?如何检查复选框时提交表单?

感谢

<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> 
+2

您应该先尝试一下。 –

+0

可能重复[提交表单时检查复选框](http://stackoverflow.com/questions/10602470/submitting-a-form-when-a-checkbox-is-checked) – Rikesh

+1

我认为你的问题标题是错误。我阅读它时应单击复选框提交表单。 – RRikesh

回答

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是你给的ID在你输入chekcbox 例如。

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

表格中的这些复选框应该提交时,我检查复选框,然后单击提交按钮,如果我提交按钮而不选中复选框,我不想提交表单 – arok

+0

通过此代码,我没有提交表单请检查,你必须给你的复选框@arok唯一的ID由

+0

请看我编辑的代码 – arok

0

您可以验证使用jQuery,给你的ID为 '提交' 提交按钮,然后使用此代码

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

试试这个

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

而且你不需要指定的在窗体标签中的行为。 #form是表单的ID,#check是复选框的ID。

0

假设这里只有一个复选框,并且我使用类名选择它。您可以根据实施情况修改选择器以选择所需的选择器。

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