jquery Determines whether the checkbox (check box) is selected for the code _jquery

Source: Internet
Author: User
Copy Code code as follows:

Checked to verify there is a selected return True, no return false
function MyCheckBox () {
var falg = 0;
$ ("Input[name= ' soft[] ']:checkbox"). each (function () {
if ($ (this). attr ("checked")) {
Falg + 1;
}
})
if (Falg > 0)
return true;
Else
return false;
}

This is a relatively good way to collect.
The following function is a supplement to the above:
Copy Code code as follows:

This is how it was written. Jq1.42 's writing.
Secondly, it is recommended that you handle the logic
function MyCheckBox () {
var falg = 0;
$ ("Input[name= ' soft[] ']:checkbox"). each (function () {
if ($ (this). attr ("checked")) {
Falg = 1;
return false;
}
})
if (Falg > 0)
return true;
Else
return false;
}

Here's a simple judgment.
The decision Statement of jquery core judgment statement

if ($ (' Input:checkbox '). attr ("checked") ==true)

Everyone knows in HTML if a check box is selected to be checked= "checked".
But if we use jquery alert ($ ("#id"). attr ("Checked"), you will be prompted to be true instead of checked
So many friends judge if ($ ("#id"). attr ("checked") = = "true") This is wrong, in fact, it should be if ($ ("#id"). attr ("checked") ==true)

Examples include a few features.
<input type= "button" id= "BTN1" value= "Select All" >
<input type= "button" id= "Btn2" value= "deselect All" >
<input type= "button" id= "Btn3" value= "Select All Odd" >
<input type= "button" id= "Btn4" value= "anti-selection" >
<input type= "button" id= "Btn5" value= "Get All values selected" >
Code

Copy Code code as follows:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//en" >
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<script language= "JavaScript" src= "Http://www.cnjquery.com/demo/jquery.js" ></script >
<script language= "JavaScript" >
<!--
$ ("document"). Ready (function () {
$ ("#btn1"). Click (function () {
$ ("[name= ' checkbox ']"). attr ("Checked", ' true ');/select All
})
$ ("#btn2"). Click (function () {
$ ("[name= ' checkbox ']"). Removeattr ("checked");/Cancel All selection
})
$ ("#btn3"). Click (function () {
$ ("[name= ' checkbox ']:even"). attr ("Checked", ' true ');//Select All odd numbers
})
$ ("#btn4"). Click (function () {
$ ("[name= ' checkbox ']"). each (function () {

if ($ (this). attr ("checked"))
{
$ (this). Removeattr ("checked");
}
Else
{
$ (this). attr ("Checked", ' true ');
}
})
})
$ ("#btn5"). Click (function () {
var str= "";
$ ("[name= ' checkbox '][checked]"). each (function () {
str+=$ (This). Val () + "" R "N";
Alert ($ (this). Val ());
})
alert (str);
})
})
-->
</SCRIPT>
</HEAD>
<BODY>
<form name= "Form1" method= "Post" action= "" >
<input type= "button" id= "BTN1" value= "Select All" >
<input type= "button" id= "Btn2" value= "deselect All" >
<input type= "button" id= "Btn3" value= "Select All Odd" >
<input type= "button" id= "Btn4" value= "anti-selection" >
<input type= "button" id= "Btn5" value= "Get All values selected" >
<br>
<input type= "checkbox" name= "checkbox" value= "CheckBox1" >
CheckBox1
<input type= "checkbox" name= "checkbox" value= "CheckBox2" >
CheckBox2
<input type= "checkbox" name= "checkbox" value= "Checkbox3" >
Checkbox3
<input type= "checkbox" name= "checkbox" value= "Checkbox4" >
Checkbox4
<input type= "checkbox" name= "checkbox" value= "CHECKBOX5" >
Checkbox5
<input type= "checkbox" name= "checkbox" value= "checkbox6" >
Checkbox6
<input type= "checkbox" name= "checkbox" value= "CHECKBOX7" >
checkbox7
<input type= "checkbox" name= "checkbox" value= "Checkbox8" >
Checkbox8
</form>


Copy Code code as follows:

/************ single checkbox full selection ************************/
function Clickcheckbox () {
if ($ ("#checkPathAll"). attr ("checked"))
{
$ ("Input[name= ' Checkpath ']"). each ( {
$ (this). attr ("Checked", true);
});
}
Else
{
$ ("Input[name= ' Checkpath ')"). each (function () {
$ (this). attr ("checked", false);
});
}
}

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.