Home > Article > Web Front-end > Regarding the problem of JQuery full selection/inverse selection failing for the second time
Recently, I encountered a problem in the project. When testing the select/unselect function, when the parent box is selected/unselected for the first time, the all-selected/unselected state of the sub-box can be synchronized, and then the parent box can be clicked. , the subframe becomes unresponsive. The general structure of the original code is as follows:
'input[name="xxx[]"]').attr("checked"
Step 1. Try a positive wave:
function selectAll(obj){ if(obj.checked) { $('input[name="xxx[]"]').attr("checked", true); } else { $('input[name="xxx[]"]').removeAttr("checked"); } }
Pawn-----has no effect at all, discard it.
Step 2. After a quick search on the Internet, I found that this problem is relatively common. Among people who have encountered this problem, I should be thousands of miles away. I clicked on a few and looked at them. Basically, they said that using prop instead of attr can solve the problem. The solution is as follows:
However, the version used in the project is lower than 1.6 and I was told that the latest version is lower than 1.6. It is best not to change the version and discard it.
Step 3. I have no choice but to abandon JQuery... Try to use native js writing method. The code is as follows:
function selectAll(obj){ var xxx = document.getElementsByName("xxx[]"); if(obj.checked) { for(var i = 0;i < xxx.length;i++) { xxx[i].checked = true; } } else { for(var i = 0;i < xxx.length;i++) { xxx[i].checked = false; } } }
Test It was solved successfully. In fact, it is a small problem, but it gave me some inspiration. I cannot be limited to one box. If I think about the problem from another angle, I can often solve the problem better.
The above is the detailed content of Regarding the problem of JQuery full selection/inverse selection failing for the second time. For more information, please follow other related articles on the PHP Chinese website!