游戏技术文章

操作Checkbox标签

时间:2017-3-12 14:42:28  作者:棋牌资源网  来源:棋牌资源网  查看:7722  评论:0
内容摘要:在前端开发中,少不了对Checkbox的操作。常用的的方法有2个:.is()和.prop()方法。前者是判断 checkbox的状态,选不是未选。而后者为checkbox设置一个值,可以设置checkbox是true还是false。写个小例子,练习一下:在html:
在前端开发中,少不了对Checkbox的操作。

常用的的方法有2个:.is()和.prop()方法。前者是判断 checkbox的状态,选不是未选。而后者为checkbox设置一个值,可以设置checkbox是true还是false。


写个小例子,练习一下:
在html:

<input id="Checkbox1" type="checkbox"  />
<input id="Text1" type="text"   />

 

 为这个文本框赋值,值填的就是checkbox的值。只是用户对checkbox选择与否。
操作Checkbox标签
 


上面的代码,如果不想使用if ,可以参考下面的的jQuery代码修改一下,最终的结果是一样的:
操作Checkbox标签

 

操作Checkbox标签 Source Code

 

实时演示:
操作Checkbox标签

 

下面练习.prop()方法,为checkbox设置值。
把上面的例子对调一下,即是说根据文框输入的值来决定checkbox是否选择与否。
当用户输入“true”时,checkbox是选中的状态,当用户输任何非"true"值时或未填写时,checkbox的状态是非选中的。
 

<input id="Text1" type="text" />
<input id="Checkbox1" type="checkbox" />

 

 写jQuery代码:
操作Checkbox标签

 

演示:
操作Checkbox标签

标签:操作Checkbox标签 

欢迎加入VIP,【VIP售价:只要288元永久VIP会员】畅享商业棋牌游戏程序下载,点击开通!

下载说明


☉本站所有源码和资源均由站长亲自测试-绝对保证都可以架设,运营!
☉如源码和资源有损坏或所有链接均不能下载,请告知管理员,

☉本站软件和源码大部分为站长独资,资源购买和收集,放心下载!

☉唯一站长QQ:1004003180  [人格担保-本站注重诚信!]

☉购买建议E-mail:1004003180@qq.com   源码收购 E-mail:1004003180@qq.com    

☉本站文件解压密码  【文章内都自带解压密码,每个密码不同!】


本站提供的所有源码,均来源站长提供,仅学习交流 浙ICP备09009969号

由此产生不良后果和法律责任与本站无关,如果侵犯了您的版权,请来信告知 1004003180@qq.com 将及时更正和删除! 

Copyright © 2008-2024 棋牌资源网,你身边的棋牌资源下载站    All Rights Reserved