ansaurus

Question

Validating groups of checkboxes using jquery

Answer 1

+1 A:

You can select the attribute with [attr^=\#] pattern. So, you could code something like:

<html>
<head>
  <script src="./lib/jquery/jquery-1.3.2.js"></script>
  <script>
    var checkall = function() {

    var withHashAllChecked = true;
    var withoutHashAllChecked = true;

$("input.cb1:checkbox[value^=#]").each(function() {
    if (!this.checked) {
        withHashAllChecked = false;
    }
});


$("input.cb1:checkbox:not([value^=#])").each(function() {
    if (!this.checked) {
        withoutHashAllChecked = false;
    }
});

var result = withHashAllChecked && (!withoutHashAllChecked);
alert(result);

};

$(function() {
    $("input").click(checkall);
});
  </script>
</head>
<body>
<input class="cb1" type="checkbox" name"checkboxes1" value="#value1">#1</input>
<input class="cb1" type="checkbox" name"checkboxes1" value="value2">2</input>
<input class="cb1" type="checkbox" name"checkboxes1" value="#value3">#3</input>

<input class="cb2" type="checkbox" name"checkboxes2" value="value1">1</input>
<input class="cb2" type="checkbox" name"checkboxes2" value="#value2">#2</input>
<input class="cb2" type="checkbox" name"checkboxes2" value="#value3">#3</input>

</body>
</html>

EDIT

Updated Full working code. This is only checking checkboxes with class cb1, but just to give you an idea how to achieve. I must apologize that the original code has some problem that I didnt check it. Anyway, I try the above code and it should be fine (should you modify the jquery directory reference).

xandy 2010-03-25 10:23:44

I can't seem to get it working with that code - always returns false. Could I set CONTEXT as the name of the current checkbox?

2010-03-25 11:03:27

I've managed to get it working perfectly using your code and tweaking it a bit to use the name, not class - you did all the leg work though! :) thanks very much...

2010-03-25 16:36:35

Answer 2

A:

var checked = $('input:checkbox:checked[name=checkboxes1][value^=#]').length;
var notchecked = $('input:checkbox:not(:checked)[name=checkboxes1][value^=#]').length;

PetersenDidIt 2010-03-25 12:39:19

I've managed to select the checkboxes with value that begin with # using your code above (but you don't need to include the input at the start), but how do i return 1 if the group of checkboxes with the same name are all checked if their value starts with #, and 0 if they are not? Thanks..

2010-03-25 13:00:25

You just need to add to the selector a search for the name attribute with the value you want and then figure out if it found any results.

PetersenDidIt 2010-03-25 13:16:54

would it be possible to insert the name, say, as an array? As i won't know the name of the checkboxes beforehand. So make a unique array for all checkbox names, that have at least one value that starts with #?Thanks :)

2010-03-25 13:29:36

ansaurus

tags:

views:

answers:

Validating groups of checkboxes using jquery

related questions