How to choose the all-in-choice plugin for jquery

jquery Select anti-select Plug-in, easy to enable you to achieve a single table table data selection and cancellation of all-in-one function, including examples, small and practical. Automatically determine the current number of selections, plus select All. Before we had jquery, we needed a large section of JS code to achieve this effect. With the powerful library of jquery, we can easily develop a jquery plugin that achieves this effect. I'll name it the JQuery.fn.check plugin. Front-end framework sharing

Before we build our plug-in, we want to consider its functional requirements:

The status of all check boxes varies with the state of the Select all check box, and if all check boxes are selected, the Select all check box is immediately selected, and if the number of check boxes currently selected is less than the total number of check boxes, the Select all check box is immediately unchecked; When all the checkboxes under the All-selected check box are clicked, it is time to determine the number of check boxes currently selected, so that the Select all check box is selected.

If you have the following check boxes:

. Code

2. <p><input type= "checkbox"  name= " Checkall "  /> Select all </p>  
4. <p><input type= "checkbox"  name= " Check "  /> radio 1 </p>  
6. <p><input type= "checkbox"  name= " Check "  /> radio 2 </p>  
8. <p><input type="checkbox" name="Check" /> Radio 3</p>

jquery All-in-the-election plug-ins and calls are as follows. Front-end framework sharing

. Code

2. $ (function () {
4. Call the Select All plugin
6. $.fn.check ({checkall_name: "Checkall", Checkbox_name: "Check" })
8. });
10. Select All Plugins
12. Checkall_name Action Select all check box name
14. Checkbox_name the name name value of the checked box that is being manipulated does not have a uniform setting contains the value to start with XXX itself modification
16. (function ($) {
18. $.fn.check = function (options) {
20. var defaults = {
22.              checkall_name:  "Checkall_name" ,  //all marquee name   
24. Checkbox_name: "Checkbox_name" //action check box name
26. },
28.         ops = $. Extend (defaults, options);   
30.         e = $ ( Span class= "string" style= "Color:blue" > "input[name=" "  + ops.checkall_name + ),  //Select all   
32.         f = $ ( Span class= "string" style= "Color:blue" > "input[name=" "  + ops.checkbox_name + ),  //radio   
34. g = f.length; Number of check boxes to be manipulated
36. F.click (function () {
37.             $ ( "input[name =" "  + ops.checkbox_name + " ']:checked "). length == $ (" Input[name= ' "  + ops.checkbox_name + " [] " ). Length ? e.attr ( "checked" ,  !0 )  : e.attr ( " Checked ",  ! 1 );   
39. &NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;}),  e.click ( function  ()  {  
41.              for  (I = 0 ; g >  i; i++)  f[i].checked = this.checked;  
43. });
45. };
47. }) (JQuery);

How to choose the all-in-choice plugin for jquery