How to create button to check uncheckable checkbox

by

here simple example for your code

$('input.check11').click(function(){
  $('input.check21').prop('checked',this.checked)
  $('input.check22').prop('checked', false)
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="form-inline" role="form">
    <div class="col-xs-3">
        <div class="pic-container">

                    <label>
                        <span><input type="checkbox" name="discounting" class="check11" value="">all</span><br>
                    </label>

        </div>
    </div>
    <div class="col-xs-3">
        <div class="pic-container">

                    <label> 
                        <span><input type="checkbox"  checked name="discounting" class="check22" value="">test1</span><br>
                    </label>
                    <label>
                        <span><input type="checkbox" checked   name="discounting" class="check22" value="">test1</span><br>
                    </label>
                    <label>
                        <span><input type="checkbox" name="discounting" class="check21" value="">test1</span><br>
                    </label>
                    <label>
                        <span><input type="checkbox" name="discounting" class="check21" value="">test1</span><br>
                    </label>
                    <label>
                        <span><input type="checkbox" name="discounting" class="check21" value="">test1</span><br>
                    </label>
                    <label>
                        <span><input type="checkbox" name="discounting" class="check21" value="">test1</span><br>
                    </label>
        </div>
    </div>
</form>

More Related Contents:

  1. how do i submit message to my email by html or js?
  2. JS hide function error
  3. Javascript counting all the characters from a HTML document
  4. Rendering HTML inside textarea
  5. Get DOM content of cross-domain iframe [duplicate]
  6. How to simulate a click by using x,y coordinates in JavaScript?
  7. How to perform a real time search and filter on a HTML table
  8. How do you get the cursor position in a textarea?
  9. Jquery Event won’t fire after ajax call
  10. How to get all selected values from ?
  11. How to open a new window and insert html into it using jQuery?
  12. How can I “reset” to its original state after it has been modified by JavaScript?
  13. Set content of iframe
  14. how to block website from loading in iframe?
  15. How can I retain the scroll position of a scrollable area when pressing back button?
  16. How to send variables from one file to another in Javascript? [duplicate]
  17. How To Show And Hide Input Fields Based On Radio Button Selection
  18. jQuery Validation using the class instead of the name value
  19. jQuery duplicate DIV into another DIV
  20. Modify the value of each textfield based on original value using jQuery
  21. How to keep the changes made to DOM by javascript/jquery on page refresh
  22. Saving and loading an image from localStorage
  23. Can we use the value of localStorage from other domains?
  24. jQuery DataTables “No Data Available in Table”
  25. Gaussian Blur onHover Using jQuery
  26. Wrapping lists into columns
  27. Close a SELECT dropdown list programmatically with Javascript/jQuery
  28. Jquery change text between two elements
  29. Remove everything within script and style tags
  30. Possible to reverse a css animation on class removal?

Leave a Comment