Question

-4

jquery checkbox checked toggle when click of a button

rated 0 times [ 0] [ 4] / answers: 1 / hits: 24161 / 9 Years ago, tue, february 2, 2016, 12:00:00

I want to toggle the checkbox on click of button.

Here is my jQuery

$(#choose_address2).on(click, function () { 

   console.log(click!!! address2);

   var $checkbox = $(this).find(':checkbox');

   var checkBoxes = $(input[name=checkbox]]);

   checkBoxes.prop(checked, !checkBoxes.prop(checked));

});

Here is my Input

<span id=choose_address2 class=btn btn-info>

<i class=fa fa-plus-circle></i>เพิ่มที่อยู่

<input type=checkbox name=choose_address {{#if customer.addresses}}checked{{/if}} id=choose_address1 hidden>

</input></span>

By default the button is checked.
however when i click the span with id choose_address2 I want to change the state. Any suggestions will be highly appreciated.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

angelicajayleneh

Add To Favorites

Follow

Total Points: 216

Total Questions: 110

Total Answers: 100

Location: Sudan

Member since Tue, Aug 3, 2021

3 Years ago

angelicajayleneh questions

1 I am getting RangeError: Maximum call stack size exceeded error in Javascript

Fri, Apr 15, 22, 00:00, 2 Years ago

1 Provided Address is invalid, the capitalization checksum test failed

Tue, Aug 17, 21, 00:00, 3 Years ago

1 Google-Maps-React with TypeScript. Error with parameters

Fri, Jul 10, 20, 00:00, 4 Years ago

1 React Native start failed with error code -4094 how to solve this ONCE for ALL?

Tue, May 26, 20, 00:00, 4 Years ago

1 How to save MediaRecorder Web API output to disk using a stream

Sat, Mar 28, 20, 00:00, 4 Years ago

View All

answered 9 Years ago charlesmarions · Accepted Answer

Try This

$(#choose_address2).on(click, function () { 

   console.log(click!!! address2);

   var $checkbox = $(this).find(':checkbox');

   var checkBoxes = $(input[type='checkbox']);

   if(checkBoxes.prop(checked)==true)

     checkBoxes.prop(checked, false); 

   else

     checkBoxes.prop(checked, true)

});

Or This also work

$(#choose_address2).on(click, function () { 

   console.log(click!!! address2);

   var $checkbox = $(this).find(':checkbox');

   var checkBoxes = $(input[type='checkbox']);

   (checkBoxes.prop(checked)==true)?checkBoxes.prop(checked, false):checkBoxes.prop(checked, true);       



});