how to add valaue of checkbox to url when checkbox clicked in javascript

Question

<input class="messageCheckbox" type="checkbox" name="options[]" value="<?php echo $catrecord[0] ; ?>"/>

This is the check box and when some one select it i want to go to another url with checkbox valaue in url, not as post.

this is the place i wanna append checkbox valaue case 'Addnew':

window.location = '<?php echo JURI::base()."index.php?option=com_flatorb&view=entity"?>';
break;

Roel · Accepted Answer · 2013-01-22 10:22:31Z

2

document.[name of form].[name of checkbox].checked

or with jQuery:

$('#[id of checkbox]').is(':checked');

edited Jan 22, 2013 at 10:22

answered Jan 22, 2013 at 10:19

Roel

3,1042 gold badges32 silver badges36 bronze badges

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

Comments

Adil · Accepted Answer · 2013-01-22 11:00:07Z

2

You can bind change event handler with checkbox and use window.location to open page.

$('#checkboxId').change(function(){
   if(this.checked)
      window.location = 'index.php?option=com_flatorb&view=entity&chkValue=' + this.value;
});

edited Jan 22, 2013 at 11:00

answered Jan 22, 2013 at 10:18

Adil

148k25 gold badges217 silver badges207 bronze badges

1 Comment

Adil Over a year ago

You are welcome, I just checked you do not have id in checkbox, I think you need value of check and I updated my answer for value.

Techie · Accepted Answer · 2013-01-22 10:32:15Z

1

You can do something like below,

Method 1

$('.messageCheckbox').change(function(){
   if(this.checked)
      window.location = 'index.php?option=com_flatorb&view=entity&value=' + $(this).val('');
});

Method 2

$('.messageCheckbox').change(function(){
   if($('#edit-checkbox-id').is(':checked'))
      window.location = 'index.php?option=com_flatorb&view=entity&value=' + $(this).val('');
})

answered Jan 22, 2013 at 10:32

Techie

45.2k45 gold badges164 silver badges248 bronze badges

Collectives™ on Stack Overflow

how to add valaue of checkbox to url when checkbox clicked in javascript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related