on click disable function, else function works?

Question

I have a jQuery code here:

jQuery(document).ready(function () {
    $("td").click(function (e) {
        var chk = $(this).closest("tr").find("input:checkbox").get(0);

        if (e.target != chk) {
            chk.checked = !chk.checked;
        }

        if ($(this).closest("tr").find("input:checkbox").is(":checked")) {
            $(this).closest("tr").css("font-weight", "bold");
        } else {
            $(this).closest("tr").css("font-weight", "");
        }
    });
});

As you can see I have a lot of checkboxes and on click on any td it's checked and adding css.

It works fine. What I want, is in the same form I also have a lot of select boxes.
When I try to choose something the function works.
I want to disable the function on click on the select box because I want to choose not to enable the checkbox.

adeneo · Accepted Answer · 2013-03-21 23:17:57Z

1

You could just check if the target is a select or anything inside a select element, like options :

$(function () {
    $("td").on('click', function (e) {
        if (! $(e.target).closest('select').length ) {
           var tr  = $(this).closest("tr"),
               chk = tr.find("input[type='checkbox']").get(0);
           if (e.target != chk) {
               chk.checked = !chk.checked;
           }
           if ( tr.find("input[type='checkbox']").is(":checked")) {
               tr.css("font-weight", "bold");
           } else {
               tr.css("font-weight", "");
           }
        }
    });
});

answered Mar 21, 2013 at 23:17

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

David Gilbertson · Accepted Answer · 2013-03-21 23:55:32Z

0

If I understand correctly, you want to test what the mouse clicked, and if it was the , then don't change the checkbox, correct?

You should be able to get that from the event's properties. For example:

if (!$('#' + e.target.id).hasClass('mySelectBox')){
  //your code...
}

There might be a more succinct way, I haven't tested, but try this:

if (e.target != 'select'){
  //your code..
}

Update: Yeah, what @adeneo said!

edited Mar 21, 2013 at 23:55

answered Mar 21, 2013 at 23:50

David Gilbertson

4,9341 gold badge32 silver badges34 bronze badges

Collectives™ on Stack Overflow

on click disable function, else function works?

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