Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > jQuery operation input type=checkbox implementation code_jquery

jQuery operation input type=checkbox implementation code_jquery

WBOY
Release： 2016-05-16 17:52:56
Original
1105 people have browsed it
Copy code The code is as follows:

:
2012 The national teams that qualified in the "Group of Death" of the European Cup are:

Germany
Denmark
Netherlands
Portugal

　1. The first and second place in the group qualify, so they are restricted to only two choices.
Copy code The code is as follows:

var len = $("input[name='nation ']:checked").length;
if(len==0) {
alert("Please select the qualifying national team!");
return false;
}else if(len< ;2) {
alert("Please select two national teams!");
return false;
}else if(len>2) {
alert("Only two countries can be selected Team! ");
return false;
}else {
return true;
}

　2. Traverse the selected national teams.
Copy code The code is as follows:

$("input[name='nation']: checked").each(function(){
alert("Selected national team: " $(this).val());
});

　3. Deselect all selected national teams.
Copy code The code is as follows:
$("input[name='nation']:checked") .attr("checked",false);

　4. Specify two national teams.
Copy code The code is as follows:

$("input[name='nation'][ value='Germany']").attr("checked",true);
$("input[name='nation'][value='Holland']").attr("checked",true) ;

　5. It is forbidden to select the national team.
Copy code The code is as follows:
$("input[name='nation']").attr ("disabled",true);

　6. Allow selection of the national team.
Copy code The code is as follows:
$("input[name='nation']").attr ("disabled",false);

7. Select the national team whose index is even or odd (the index starts from 0).
Copy code The code is as follows:
//Select the national team with an even number
$(" input[name='nation']:even").attr("checked",true);
//Select the national team with an odd index
$("input[name='nation']:odd ").attr("checked",true);
Related labels：
input
source：php.cn
Previous article：jQuery operation input type=radio implementation code_jquery Next article：Comparing the similarities and differences between Javascript and C# from the factorial function_javascript skills
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Unable to get input element from website So I'm trying to get an input element from Twitter, but when I run it it keeps giving me a...
From 2024-04-06 18:59:57
0
1
442
JavaScript hover events on vendor-specific pseudo-elements I have the following htmlinput tag. $("input[type='range']::-webkit-slider-thumb"...
From 2024-04-06 15:35:24
0
1
274
Display nested array of objects in HTML table by iterating I have the following input containing an array of nested objects. summary is the parent ob...
From 2024-04-05 14:11:42
0
1
1373
Let React render the closing tag of the input? I have an unusual request. My website is built using React and I want people to be able to...
From 2024-04-03 23:01:01
0
1
320
Shopware 6 Plugin: How to remove boolean configuration and migrate it to multi-select configuration I have a Shopware6 plugin that is currently configured with a boolean reviewSkipModeration...
From 2024-04-03 23:09:28
0
1
410
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template