Today, I met a new person who asked me how jquery could get the Value selected in the checkbox. So I wrote one with my hand! Practical and simple. For this reason, I am very shy of posting!
Code
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Title> untitled document </title>
<Script type = "text/javascript" src = "jquery-1.4.2.min.js"> </script>
<Script type = "text/javascript">
Function CheckedHandler (){
Var strVal = []; // The each here can also use map
$ (": Checked"). each (function (){
StrVal. push ($ (this). val ());
});
$ ("# Txtcheckbox"). val (strVal );
Alert (strVal. length + "" + strVal );
}
</Script>
</Head>
<Body>
<Table>
<Tr>
<Td height = "30">
<Input type = "checkbox" class = "chbox" value = "youfeng"/> <label> youfeng </label>
</Td>
<Td>
<Input type = "checkbox" class = "chbox" value = ""/> <label> Majesty </label>
</Td>
<Td>
<Input type = "checkbox" class = "chbox" value = "friendly"/> <label> friendly </label>
</Td>
<Td>
<Input type = "checkbox" class = "chbox" value = "bloody man"/> <label> bloody man </label>
</Td>
<Td>
<Input type = "checkbox" class = "chbox" value = "White Face"/> <label> White Face </label>
</Td>
<Td>
<Input type = "checkbox" class = "chbox" value = "Gentleman's temperament"/> <label> gentleman's temperament </label>
</Td>
<Td>
<Input type = "checkbox" class = "chbox" value = "skin white"/> <label> skin white </label>
</Td>
<Td>
<Input type = "checkbox" class = "chbox" value = "dark"/> <label> dark </label>
</Td>
<Td>
<Input id = "txtcheckbox" type = "text"/>
<Input name = "btn" type = "button" onclick = "CheckedHandler ();" value = "Submit"/>
</Td>
</Tr>
</Table>
</Body>
</Html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
