Remove Attribute From Input Checkbox in another div

Question

Is it possible to remove the input type checkbox checked attribute on click of id="chk1" checkbox.

<div class="index1" id="test1">
    <h2>testing1</h2>
    <div class="str">
        <ul>
            <li class="nvc1">
                <input type="checkbox" value="in1" id="chk2" checked="checked" />
                <div class="checkbox-select">str1</div>
                <div class="checkbox-deselect">str2</div>
            </li>
        </ul>
    </div>
</div>
<div class="index2" id="test2">
    <h2>testing2</h2>
    <div class="string">
        <ul>
            <li class="nv1">
                <input type="checkbox" value="in1" id="chk1" />
                <div class="checkbox-select">lblstr1</div>
                <div class="checkbox-deselect">lblstr2</div>
            </li>
        </ul>
    </div>
</div>

Is there any reference for this/

Thanks, ShailShin

your JS snippet please

nraina
– nraina

2014-07-23 12:02:48 +00:00
Commented Jul 23, 2014 at 12:02 — nraina
– nraina, Commented Jul 23, 2014 at 12:02

yeshansachithak · Accepted Answer · 2014-07-23 12:17:11Z

5

I suggest this:

$("#chk1").on("change", function(){
    $("#chk2").prop("checked", !$(this).prop("checked"));
});

Change #chk2 checked status depend on #chk1.

JSFiddle

edited Jul 23, 2014 at 12:17

yeshansachithak

8402 gold badges19 silver badges36 bronze badges

answered Jul 23, 2014 at 12:07

Alex Char

33.3k9 gold badges51 silver badges71 bronze badges

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

1 Comment

yeshansachithak Over a year ago

As per the question, this would be the answer. Voted.

dns_nx · Accepted Answer · 2014-07-23 12:05:08Z

2

In JQuery you can use:

jQuery('#chk1').click(function()
{
    jQuery('#chk1').removeAttr('checked');
});

But does it makes sense? :-)

answered Jul 23, 2014 at 12:05

dns_nx

3,9556 gold badges47 silver badges79 bronze badges

Comments

Mirage · Accepted Answer · 2014-07-23 12:08:00Z

2

In Jquery you can do this easily

http://jsfiddle.net/gcS4T/

$('#chk1').click(function () {
    $('#chk2').prop('checked', false);
});

answered Jul 23, 2014 at 12:08

Mirage

1771 silver badge7 bronze badges

Comments

Vikas Duhan · Accepted Answer · 2014-07-23 12:06:19Z

0

id should be unique and to remove the 'checked' attribute you can use:

$(document).ready(function()({
   $('#chk1').click(function(){
      $('input:checkbox').prop('checked',false);

   //or 
  // $('input:checkbox').removeAttr('checked');
  });

});

answered Jul 23, 2014 at 12:06

Vikas Duhan

917 bronze badges

Comments

Anto king · Accepted Answer · 2014-07-23 12:07:14Z

0

$("#chk1").removeAttr('checked').checkboxradio('refresh');

Hope this helps....

answered Jul 23, 2014 at 12:07

Anto king

1,2221 gold badge13 silver badges26 bronze badges

Collectives™ on Stack Overflow

Remove Attribute From Input Checkbox in another div

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related