How to submit a form when a checkbox is checked?

Question

I want to submit a form only when a check box is checked, or display "Please check the check box", is there any way to do that? Can any one guide me ?

thanks

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

Edited code:

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

possible duplicate of [submitting a form when a checkbox is checked](http://stackoverflow.com/questions/10602470/submitting-a-form-when-a-checkbox-is-checked) — Rikesh, Mar 03 '14 at 06:45
I think your question title is wrong. I read it as the form should be submitted when you click the checkbox. — RRikesh, Mar 03 '14 at 06:51
no form should submit when i check the checkbox and click the submit button,if i submit the button without checking the checkbox i dont want to submit the form — arok, Mar 03 '14 at 06:54

Ekramul Hoque · Accepted Answer · 2014-03-03T07:48:21.293

1

Using JQuery
You should give your checkbox unique 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 your_checkboxId is what you give id in your input chekcbox eg.

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

edited Mar 03 '14 at 07:48

answered Mar 03 '14 at 06:50

Ekramul Hoque

4,957
3
30
31

form should submit when i check the checkbox and click the submit button,if i submit the button without checking the checkbox i dont want to submit the form – arok Mar 03 '14 at 06:56
By this code I did not submit your form pls check, And You have to give unique Id to your checkbox @arok by – Ekramul Hoque Mar 03 '14 at 06:57
what i want if i check the check box and click the submit button i want to submit the form,i the check box is not checked i dont want to submit – arok Mar 03 '14 at 07:00
check box id should not use like chk1[] , I've changed to chk1 @arok – Ekramul Hoque Mar 03 '14 at 07:02
but form is not submitting if the check box is checke d – arok Mar 03 '14 at 07:05
form is submitting when not checked ? @arok – Ekramul Hoque Mar 03 '14 at 07:09
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/48834/discussion-between-arok-and-farhad) – arok Mar 03 '14 at 07:10

Saiqul Haq · Answer 2 · 2014-03-03T07:08:23.520

0

You can validate using jquery, give your submit button with id 'submit', and then use this code

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

edited Mar 03 '14 at 07:08

answered Mar 03 '14 at 07:01

Saiqul Haq

2,287
16
18

score 0 · Answer 3 · answered Mar 03 '14 at 07:14

try this

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

And you need not specify the action in form tag. #form is id of form, #check is id of checkbox.

score 0 · Answer 4 · answered Mar 03 '14 at 07:38

assuming there is only one checkbox here, and I am selecting it using the class name. You may modify the selector as per the implementation to pick the desired one.

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

How to submit a form when a checkbox is checked?

4 Answers4