博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery取选中的checkbox的值
阅读量:4887 次
发布时间:2019-06-11

本文共 2003 字,大约阅读时间需要 6 分钟。

一。   在html的checkbox里,选中的话会有属性checked="checked"。

   如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"!

   如果没被选中,打印出的是"undefined"。觉得很奇怪是吗?继续看下去~

不要尝试去做这样的判断:if($"#xxx".attr("checked")=="true")   //这样是错误的

   因为这么做是错的,jQuery的API手册上写,attr(name)的返回值是object。所以,应该是   if($("#xxx").attr("checked")==true)。

判断这个值 $("input[name='weibo_count']").attr("checked");  这样也行

 

<html xmlns=
"
http://www.w3.org/1999/xhtml
">
<head runat=
"
server
">
<SCRIPT LANGUAGE=
"
JavaScript
">
  <!--
   $(
"
document
").ready(function(){
    
    $(
"
#btn1
").click(function(){
     
    $(
"
[name='checkbox']
").attr(
"
checked
",
'
true
');
//
全选
  
    })
       $(
"
#btn2
").click(function(){
     
    $(
"
[name='checkbox']
").removeAttr(
"
checked
");
//
取消全选
  
    })
    $(
"
#btn3
").click(function(){
     
    $(
"
[name='checkbox']:even
").attr(
"
checked
",
'
true
');
//
选中所有奇数
  
    })
    $(
"
#btn4
").click(function(){
     
    $(
"
[name='checkbox']
").each(function(){
     
   
     
if($(
this).attr(
"
checked
"))
   {
    $(
this).removeAttr(
"
checked
");
    
   }
   
else
   {
    $(
this).attr(
"
checked
",
'
true
');
    
   }
   
    })
  
    })
     $(
"
#btn5
").click(function(){
       
var checks = 
"";
    $(
"
input[name='checkbox[]']
").each(function(){
        
if($(
this).attr(
"
checked
") == 
true){
            checks += $(
this).val() + 
"
|
";            
//
动态拼取选中的checkbox的值,用“|”符号分隔
        }
    })
   })
  
//
-->
  </SCRIPT>
  
 </HEAD>
 <BODY>
 <form name=
"
form1
" method=
"
post
" action=
"">
   <input type=
"
button
" id=
"
btn1
" value=
"
全选
">
   <input type=
"
button
" id=
"
btn2
" value=
"
取消全选
">
   <input type=
"
button
" id=
"
btn3
" value=
"
选中所有奇数
">
   <input type=
"
button
" id=
"
btn4
" value=
"
反选
">
   <input type=
"
button
" id=
"
btn5
" value=
"
获得选中的所有值
">
   <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
 </form>
</body>
</html>

转载于:https://www.cnblogs.com/wolfocme110/p/3854559.html

你可能感兴趣的文章
css限制单行文字字数的问题
查看>>
MYSQL 优化
查看>>
PAT Basic 1028
查看>>
cadence设计思路
查看>>
Java静态同步方法和非静态同步方法
查看>>
React与Vue的差异和相似地方
查看>>
【oneday_onepage】——Growth Is A Bitch
查看>>
zero-copy总结
查看>>
Android的onCreateOptionsMenu()创建菜单Menu
查看>>
com.alibaba.dubbo.rpc.RpcException和 com.alibaba.dubbo.remoting.TimeoutException
查看>>
老男孩python基础知识练习题(一)上
查看>>
搜索引擎中同义词的挖掘及使用
查看>>
Create Volume 操作(Part III) - 每天5分钟玩转 OpenStack(52)
查看>>
DtToExcel
查看>>
MVC之路由
查看>>
程序和内存中的情况
查看>>
直接定址表03 - 零基础入门学习汇编语言74
查看>>
Win32基础知识1 - Win32汇编语言002
查看>>
redis持久化方法对比分析
查看>>
对缓存的思考——提高命中率
查看>>