uncheck the checkbox that was just checked based on javascript function

Question

I have looked all over for an answer and hope someone here can help. I have a script that runs when you check a check box from a group of checkboxes. The checkboxes are assigned a value of "customer id"

<input type="checkbox" name="inv_add[]" onclick="setcid(\''.$result['cid'].'\')" value='.$result['id'].'/>

the point of the javascript is to assign a value to a hidden field telling the next page what the customer id is for all of checked boxes.

If you the user checks a box that is assigned to a different customer (therefore does not belong in the group) i want to alert the user and then uncheck the last box checked. I can get all the way to the alert but can not uncheck the box the user just checked.

function setcid(cid) {

if (window.set_x === undefined) {
    sethidden = document.getElementById('cid');
    sethidden.value = cid;
    set_x = cid;
    alert ("finished setting x");

    }

    else if (cid !== set_x){
            alert ("You are trying to add two different companies to the same invoice");
                           /*Uncheck the box just checked by user*/
            }

        else {
            alert("they are the same");
                           /*no modification required*/
            }

}

Community · Accepted Answer · 2020-06-20 09:12:55Z

4

You can pass the this object as you call the function:

http://jsfiddle.net/msV24/

HTML

<input type="checkbox" name="inv_add[]" onclick="setcid(\''.$result['cid'].'\',this)" value='.$result['id'].'/>

javascript

function setcid(cid, sender) {

...

    else if (cid !== set_x){
        alert ("You are trying to add two different companies to the same invoice");
                       sender.checked = false;
        }

    else {
        alert("they are the same");
                       /*no modification required*/
        }

}

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Nov 4, 2011 at 21:32

Joseph Marikle

78.8k18 gold badges114 silver badges130 bronze badges

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

Comments

James Hill · Accepted Answer · 2011-11-04 21:32:04Z

0

I would assign your checkbox and ID of chk_[TheIdOfTheHiddleField]:

<input type="checkbox"
       id='.$result['id'].'
       name="inv_add[]"
       onclick="setcid(\''.$result['cid'].'\')"
       value='.$result['id'].' />

Then un-check it like this:

document.getElementById("chk_" + cid).checked = false;

answered Nov 4, 2011 at 21:32

James Hill

62.2k22 gold badges150 silver badges166 bronze badges

Collectives™ on Stack Overflow

uncheck the checkbox that was just checked based on javascript function

2 Answers 2

HTML

javascript

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

HTML

javascript

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related