ansaurus

Question

check or not to check

Answer 1

A:

this seem to work, changed checkbox click function:

   $("input[type=checkbox]").click(function() {
            var jtID = $(this).val();
            $('#jtIDVal').val(jtID);
            var inx = $.inArray(jtID, arr);
            if (!$(this).is(':checked')) {
                arr.splice(inx,1);

            for (var i=0; i < arr.length; i++) {
                if(arr[i] == 9) {    
                    arr.splice(i, 1);
                    break;
                }
            }

            for (var i=0; i < arr.length; i++) {
                if(arr[i] == 10) {    
                    arr.splice(i, 1);
                    break;
                }
            }    

                // arr.splice($.inArray(10,arr),1);

                $("#jtIDList").val(arr);
            } else {
                if( inx == -1) {
                    arr.push(jtID);
                    $("#jtIDList").val(arr);    
                }
                if ( jtID == 10 ) {
                    $('#jqmInvoice').jqmShow().css('left',100).css('top',150); 
                }

            }

            isReady(arr);

        });

FALCONSEYE 2010-10-04 18:23:34

`input:checkbox` is a quicker to write and easier to read option vs `input[type=checkbox]` ==> http://api.jquery.com/checkbox-selector/

Peter Ajtai 2010-10-04 19:30:46

Answer 2

A:

This can be simplified if you add a class to the details, one to the final and one to the bills paid (or just use the ID on the last two) as:

EDIT:(Note, if you add more details, it adjusts to the new detail checkboxes as I have it). My example is a tiny bit verbose, but that is to clearly show the intent here.

$('.billfinal:checkbox')[0].checked = false;
$('.billspaid:checkbox')[0].checked = false;
$('.billfinal:checkbox').attr('disabled', true);
$('.billspaid:checkbox').attr('disabled', true);

$('.billdetail').click(function() {
    if ($('.billdetail:checked').length < $('.billdetail:checkbox').length) {
        $('.billfinal:checkbox')[0].checked = false;
        $('.billspaid:checkbox')[0].checked = false;
        $('.billfinal:checkbox').attr('disabled', true);
        $('.billspaid:checkbox').attr('disabled', true);
    }
    else {
        $('.billfinal:checkbox').attr('disabled', false);
    };
});
$('.billdetail').trigger('click'); //set value based on initial checked count
$('.billfinal').click(function() {
    if (this.checked) {
        $('.billspaid:checkbox').attr('disabled', false);
    }
    else {
       $('.billspaid:checkbox').attr('disabled', true);
    };
});

See it working here:http://jsfiddle.net/h682v/1/

Mark Schultheiss 2010-10-04 21:06:11

very nice. edited your jsfiddle to include : $('.billspaid:checkbox').attr('checked', false);

FALCONSEYE 2010-10-06 16:49:17

I see your point on the addition, but I did not want to make that assumption and it was set in the original line 2 of the code. NOTE: I used different methods to set the value there just to show as an example, your syntax works also to set the values.

Mark Schultheiss 2010-10-07 17:57:04

to make it complete the link your edited: http://jsfiddle.net/h682v/2/

Mark Schultheiss 2010-10-07 17:58:42

ansaurus

tags:

views:

answers:

check or not to check

related questions