'How to remove checkbox if click Uncheck, maybe need to rewrite the javascript

I find a checkbox function from the web as below, how to remove checkbox if click Uncheck, maybe need to rewrite the javascript.

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script
    type="text/javascript"
    src="//code.jquery.com/jquery-1.9.1.js"
  ></script>
</head>

<body>

<div id="div1">
    <input type="button" id="btnDiv1" class="select-all"  value="Check / Uncheck" />
    <input type="checkbox" class="check" />Mark
    <input type="checkbox" class="check" />Frank</div>
<div id="div2">
    <input type="button" id="btnDiv2" class="select-all" value="Check / Uncheck" />
    <input type="checkbox" class="check" />John
    <input type="checkbox" class="check" />Travis
    <input type="checkbox" class="check" />Matt</div>
<div id="div3">
    <input type="button" id="btnDiv3" class="select-all" value="Check / Uncheck" />
    <input type="checkbox" class="check" />Lee
    <input type="checkbox" class="check" />Charles</div>

    <script type="text/javascript">
$('.select-all').on('click', function () 
{
    $(this).nextAll('.check').prop('checked', true);
});

  </script>


</body>
</html>

checkbox

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'How to remove checkbox if click Uncheck, maybe need to rewrite the javascript

Sources

Related Questions