Form was not submitted with checkbox array

Question

Although the following function has a little problem. But I can not find. Every time either checkbox is checked or not but form was not submitted!!

<input type="checkbox" name="chk_user[]" value="1" class="chk_delete" id="1"  />
<input type="checkbox" name="chk_user[]" value="2" class="chk_delete" id="2"  />
<input type="checkbox" name="chk_user[]" value="3" class="chk_delete" id="3"  />
<input type="checkbox" name="chk_user[]" value="4" class="chk_delete" id="4"  />
<script>
    $("form").submit(function() {
        $('.chk_delete').each(function(){
            if($(this).is(':checked')){            
                return true;

            }
        });
        alert("No entry was selected!");
        return false;
    });
</script>

Can anybody locate the problem?

The following is working, but I don't understand why. Any good logic?

$("form").submit(function(e) { 
    if(!$('input[type=checkbox]:checked').length) { 
        e.preventDefault(); 
        alert("No entry was selected!"); } 
     return true; });

Please show the full HTML so we can see the structure of the form. — thatidiotguy
– thatidiotguy, Commented May 30, 2013 at 18:05
also script not in a script tag... I think we're missing something — colestrode
– colestrode, Commented May 30, 2013 at 18:05
Actually I did not mention the HTML because HTML and Scripts everything was okay. Anyway I find the solution although I don't know why the above jquery function was not working. But following is working.... $("form").submit(function(e) { if(!$('input[type=checkbox]:checked').length) { e.preventDefault(); alert("No entry was selected!"); } return true; }); — Iqbal Hossain
– Iqbal Hossain, Commented May 30, 2013 at 18:09
Not sure if there is any problem in your html structure, but name="..." in the input tags matters when submitting through a form. You are using the same name for all of them, and it would probably cause an error — Edward
– Edward, Commented May 30, 2013 at 18:10

Funk Forty Niner · Accepted Answer · 2013-05-30 18:15:02Z

1

Give this a whirl:

$("form").submit(function(e) {
  if(!$('input[type=checkbox]:checked').length) {
    e.preventDefault();

   alert("No entry was selected!"); }
return true; });

answered May 30, 2013 at 18:15

Funk Forty Niner

74.2k14 gold badges71 silver badges146 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Karl-André Gagnon · Accepted Answer · 2013-05-30 18:41:35Z

You are using the return true into the each loop. Using return in the each loop just mean if the loop continue (on true) or if it stop (on false).

That beign said, you script will alway roll hover a return false, preventing the form from submiting.

What you could do

If you want to keep the loop, save if it's true or false in a var!

var isChecked = false;
$('.chk_delete').each(function(){
    isChecked = $(this).is(':checked')    
    return !isChecked;
});
return isChecked;

OR

Use your working script, I don't see what's wrong with it

$("form").submit(function(e) { 
    if(!$('input[type=checkbox]:checked').length) { 
        e.preventDefault(); 
        alert("No entry was selected!");
    } 
    return true;
});

$('input[type=checkbox]:checked') select every checked box. So $('input[type=checkbox]:checked').length take the length. Having ! is the same thing as !=.

Finally, !$('input[type=checkbox]:checked').length is a shotcut for $('input[type=checkbox]:checked') != 0. If true, it .preventDefault() wich prevent the form of submiting.

Collectives™ on Stack Overflow

Form was not submitted with checkbox array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related