Question

I assign the following function to my links after the document is ready:

$('.deleteLink')
  .click(function () { gridClick(this, 'Delete'); return false; });

On my screen I have a checkbox:

<input id="htmlEdit" type="checkbox" style="float: left"/> 

How can I make it so that the gridClick function is called with a parameter of true or false depending on if the check box has been checked or not?

I am not sure how to do this as it seems to me that the gridClick function will be attached to the links when the document is ready but then after that I can go in and check or uncheck the checkbox.

If the function is already attached then how can it at the time of clicking the link
check if the checkbox is checked or not?

Answer 1

is this something you are looking for. I edited your code to pass another argument to gridClick function. The new argument passes true or false based on whether checkbox is checked or not.

    $('.deleteLink').click(function () {
       var isChecked = $('input[type="checkbox"]').is(":checked");

       gridClick(this, 'Delete', isChecked); return false;
    });
    function gridClick(isClick, isdelete, isChecked){
        alert(isChecked)
    }

The sample html code I used is as below

<a href="#" class="deleteLink">Click</a>
<input id="htmlEdit" type="checkbox" style="float: left"/> ​​​​​​​​​​​​​​