jquery , asp.net

Question

I am trying to use jquery to select a checkbox when another checkbox is selected. This wuld have been easy if the ids of the checkboxes are constant but they can change so I have tried to use classes instead, unfortunately asp.net applies the class name on the span element wrapping the checkbox instead of applying on the checkbox directly, so i need to get the checkbox via the inner element of the parent span

<script type="text/javascript">
     $(document).ready(function() {
     $('#ctl00_ContentPlaceHolder1_Category_ctl00_ProductBusinessLine_chkEL_157').click(function() {

     if (this.checked) {
         var pl = $('#ctl00_ContentPlaceHolder1_Category_ctl00_ProductBusinessLine_chkPL_313')


         pl.attr("checked", true);
     } 


         })
     }); 
</script>

My code, previously working with the checkbox ids, is above, pls help!

What version of Asp.Net are you using? If it is 4.0 then you can change the ClientIdMode to static. check weblogs.asp.net/asptest/archive/2009/01/06/… — Waleed Al-Balooshi
– Waleed Al-Balooshi, Commented Nov 25, 2010 at 12:26

Frédéric Hamidi · Accepted Answer · 2010-11-25 12:29:16Z

2

You can still match your check boxes even if the class attribute is applied to their parent <span> elements:

$(document).ready(function() {
    $(".sourceCheckBoxClass input:checkbox").click(function() {
        if (this.checked) {  // or $(this).is(":checked")
            $(".targetCheckBoxClass input:checkbox").attr("checked", true);
        }
    });
});

answered Nov 25, 2010 at 12:29

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

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

Comments

Rhapsody · Accepted Answer · 2010-11-25 12:20:19Z

1

With ASP.NET you can control the ClientId of the form controls. You have the use the Clientid property as I remember.

More info at the MSDN.

answered Nov 25, 2010 at 12:20

Rhapsody

6,0772 gold badges33 silver badges49 bronze badges

Comments

sjobe · Accepted Answer · 2010-11-25 12:24:11Z

0

<script type="text/javascript">
     $(document).ready(function() {
     $('#ctl00_ContentPlaceHolder1_Category_ctl00_ProductBusinessLine_chkEL_157').click(function() {

     if (this.checked) {
         var pl = $('#ctl00_ContentPlaceHolder1_Category_ctl00_ProductBusinessLine_chkPL_313 :checkbox')


         pl.attr("checked", true);
     } 


         })
     }); 
</script>

Is that what you're looking for ? oh and looks like you're using ids, not classes in your selectors

answered Nov 25, 2010 at 12:24

sjobe

2,8373 gold badges24 silver badges33 bronze badges

Comments

Genius · Accepted Answer · 2010-11-25 12:43:17Z

0

if you write your javascript code on the page, then you can determine real id dynamically:

$('#<$=chkEL_157.ClientID%>').click(function() {
  ...
});

or find element by a part of id:

$(':checkbox[id$="_chkEL_157"]').click(function() {
  ...
});

but in this case you must assure that there is no other element that contains similar id. Otherwise you must specify context where you want to find element, like this:

$(':checkbox[id$="_chkEL_157"]', $("#checkbox-context-element")).click(function() {
  ...
});

answered Nov 25, 2010 at 12:43

Genius

1,77214 silver badges12 bronze badges

Collectives™ on Stack Overflow

jquery , asp.net

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related