accessing dynamically added checkbox in a function to check them

Question

i have a page in php which loads a group of category from another php script and those are check boxes.

format of check box

<input type='checkbox' class='cat-selector' id='Bussiness' data-toggle='checkbox'/>
<input type='checkbox' class='cat-selector' id='Marketting' data-toggle='checkbox'/>

Now if I have url localhost/newproj/search?category=Business i want to check those category check boxes which are in the url

score 1 · Answer 1 · answered Oct 11 '13 at 11:55

1

<input type='checkbox' class='cat-selector' id='Bussiness' data-toggle='checkbox' <?php echo (isset($_GET['Category']) && $_GET['Category'] == 'Bussiness')?'checked':''?>/>
<input type='checkbox' class='cat-selector' id='Marketting' data-toggle='checkbox' <?php echo (isset($_GET['Category']) && $_GET['Category'] == 'Marketting')?'checked':''?>/>

answered Oct 11 '13 at 11:55

vaibhavmande

1,115
9
17

i tried....but those check boxes are being loaded from another php script.. – chaitanyasingu Oct 11 '13 at 11:58
ok, you need to access get paramerters via javascript. try Arvind Sridharan answer above – vaibhavmande Oct 11 '13 at 12:02

Arvind Sridharan · Accepted Answer · 2013-10-11T12:07:41.183

0

you want to do something like this in jquery/client side code to see if your checkbox id is the same as the category parameter.

$.ajax({
    url : '/newproj/search?category=Business',
    success : function(data){
       $(".cat-selector").each(function(){
       if($(this).prop("id") === getParameterByName("category")){
          $(this).prop("checked","checked");
       }
    }); 
    } });

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

you would need jQuery 1.8 or later to use the prop function. Else you would have to use the attr function.

you could also do it on the server side as suggested in other answers.

edited Oct 11 '13 at 12:07

answered Oct 11 '13 at 11:57

Arvind Sridharan

3,885
4
29
54

thanks arvind, but i think this would have worked if those check box are not added dynamically.. – chaitanyasingu Oct 11 '13 at 12:02
are you loading the checkboxes on ajax? – Arvind Sridharan Oct 11 '13 at 12:03
have edited my answers. This would work for an ajax call. – Arvind Sridharan Oct 11 '13 at 12:07
thanks it gave me another idea..and it worked for me.. – chaitanyasingu Oct 11 '13 at 12:27

score 0 · Answer 3 · edited May 23 '17 at 12:28

0

Maybe you can use window.location.pathname

See this question: Get current URL in JavaScript?

And then combine with jquery with attr('checked','checked') http://api.jquery.com/attr/

edited May 23 '17 at 12:28

Community

1
1

answered Oct 11 '13 at 12:01

dcarreroc

49
1

i tried all these... even $(document).on() function...still looking for my answer.. – chaitanyasingu Oct 11 '13 at 12:07

score 0 · Answer 4 · answered Oct 11 '13 at 13:15

Try this:

<input type='checkbox' class='cat-selector' id='Bussiness' value='Business' data-toggle='checkbox' <?php
echo (isset($_REQUEST['category']) && $_REQUEST['category']=='Business')?'checked':'' ?> />
Business
<input type='checkbox' value='Marketing' class='cat-selector' id='Marketting' data-toggle='checkbox' <?php
echo (isset($_REQUEST['category']) && $_REQUEST['category']=='Marketting')?'checked':'' ?> />
Marketing

accessing dynamically added checkbox in a function to check them

4 Answers4