位置: 编程技术 - 正文
推荐整理分享javascript中checkbox使用方法简单实例演示,希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
演示一个小小的例子:在购物车里面,我们能够勾选自己所选的商品,然后能够显示出相应的价格。1、首先显示出相应的界面:
相关代码:
注意:在checkbox中,要是属于同一组的,在复选框的属性内name="mm"属性要写一样;到时候方便遍历所选项;在radio中,name="mm"也要设置一样,便于属于同一组相互区分。2、全选按钮的设置
相关代码:
附加:当调用全选<input type="checkbox" name="all" onclick="allCheck(this)" />里面的函数之后就会遍历所有name相同的对象,设置所有的复选框的状态为checked=true选中。3、当所有的状态都选中全选自动选上 代码实现:
4、点击查看按钮之后调用函数
总结:1).这个主要就是说,复选框的应用,选中复选框之后,如何获取相应的内容
2).要是属于同一组的,在复选框的属性内name="mm"属性要写一致;
var names=document.getElementsByName("mm");可以通过这个获得,是否选中,调用value进行操作checked 设置或获取复选框或单选钮的状态。 然后一一 加起来
3).全选的设置。同样的,通过document.getElementsByName获得对象数组,然后一一付给true
当一个没有选中的时候,我们就把全选按钮设置checked=false; 采用标记来区别,要是标记没有变化,就说明没有一个没选(这句话有些绕口,大家仔细琢磨琢磨)。
以上为大家详细介绍了javascript中checkbox使用方法,欢迎大家学习。
超精准的javascript验证身份证号的具体实现方法 编写程序前先来了解下身份证号的构成:身份证号分为两种,旧的为位,新的为位。身份证位编码规则:ddddddyymmddxxp其中dddddd:地区码yymmdd:出生年
跟我学习javascript的prototype原型和原型链 用过JavaScript的同学们肯定都对prototype如雷贯耳,但是这究竟是个什么东西却让初学者莫衷一是,只知道函数都会有一个prototype属性,可以为其添加函数
js实现模拟银行卡账号输入显示效果 本文实例讲述了js实现模拟银行卡账号输入显示效果。分享给大家供大家参考,具体如下:先来看运行效果截图如下:在线演示地址如下:
标签: javascript中checkbox使用方法简单实例演示
本文链接地址:https://www.jiuchutong.com/biancheng/384641.html 转载请保留说明!上一篇:javascript下拉列表中显示树形菜单的实现方法(javascript下拉列表怎么做)
下一篇:超精准的javascript验证身份证号的具体实现方法(超精准的电压基准芯片)
友情链接: 武汉网站建设