请选择 进入手机版 | 继续访问电脑版

无忧编程_ASP.NET  / C# / PHP 程序员的软件世界

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2530|回复: 0

HTML单个和多个checkbox选中事件代码

[复制链接]

415

主题

448

帖子

1861

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1861
发表于 2019-2-28 15:45:33 | 显示全部楼层 |阅读模式
HTML单个和多个checkbox选中事件代码

如果使用jquery,应使用prop方法来获取和设置checked属性,不应使用attr,需要的朋友可以参考下

html:



  • <input type="checkbox" name="check" id="check"  checked="checked" value="Daily" />


  • <input type="checkbox" name="check"   checked="checked" value="Daily" />

1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase



  • var aaa = $("#check").prop("checked");


  • if(aaa){


  •     alert("选中");


  • };

2.直接调用checked属性,不过如果获取的结果是一个checkbox,则要加上.checked前加上.get(0)或者[0]才行,多个checkbox则不用。因为你用$选择出来的结果其实是个数组的形式,就算一个也是数组,你得用[]来取第几个的值。



  • var aaa = $("#check").get(0).checked;


  • if(aaa){


  • alert("选中");


  • };

3、获取多个checkbox的值



  • var groupCheckbox=$("input[name='check']");


  •     for(i=0;i<groupCheckbox.length;i++){


  •         if(groupCheckbox.checked){


  •             var val =groupCheckbox.value;


  •             alert(val );



  •         }



  •     }



设置选中radio



  • $('#infType1').prop("checked","checked");



  • //或者



  • $("input[type=radio][name=infType][value=1]").prop("checked",'checked');



说明:
如果使用attr方法获取时:
1、如果当前input中初始化未定义checked属性,则不管当前是否中,$(“#check”).attr(“checked”)都会返回undefined;

2、如果当前input中初始化已定义checked属性,则不管是否选中,$(“#selectAll”).attr(“checked”)都会返回checked.


多个checkbox的点击事件


  • $(function(){


  •     var s = $("input[name='check']");


  •     s.each(function(i) {


  • //          alert(i);


  •             $(this).click(function(){


  •                 if(this.checked==true){


  •                       alert(this.value);


  •                 }


  •              });


  •         });


  • })

参考资料:
https://blog.csdn.net/cheeso/article/details/79125675
windows .net(C#+MSSQL) linux(php+mysql)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|软件编程 ( 鄂ICP备11006601号 )鄂公网安备 42011102001337号 |

GMT+8, 2019-6-27 17:10 , Processed in 0.065508 second(s), 20 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表