欢迎访问！ 2024年9月17日星期五当前位置 : 首页 » JS+jQuery »使用val()改变checkbox复选框的选中状态

使用val()改变checkbox复选框的选中状态

2011-12-18 04:12 12659 次阅读分类: JS+jQuery 已关闭评论

使用val()改变checkbox复选框的选中状态

免打扰阅读

val方法不仅能设置元素的值，同时也能获取元素的值。另外val()方法还能改变select下拉列表、checkbox多选框、和单选框相应的选项的选中状态。

实例效果：点击按钮使默认的第2个复选框/下拉列表取消选中状态，并使第1和第3个复选框/下拉列表被选中

<style type="text/css"> input[type='button']{width:100px; height:38px;display:block;position:fixed;right:20%; top:50px;} </style> <script type="text/javascript"> $(function(){ $("input[type='button']").focus().click(function(){ $(":checkbox").val(["多选1","多选3"]); $("select").val(["选择1号","选择3号"]) }) }) </script> <input type="button" value="点击测试" /> <form action="" method="get"> <input name="" type="checkbox" value="多选1" />多选1<br /> <input checked="checked" name="" type="checkbox" value="多选2" />多选2<br /> <input name="" type="checkbox" value="多选3" />多选3<br />   <p> </p> <select multiple="multiple" name="" style="width:250px;height:auto;"><option value="选择1号">选择1号</option><option selected="selected" value="选择2号">选择2号</option><option value="选择3号">选择3号</option> </select> </form>

提示：你可以先修改部分代码再运行。

快速留言：

12660

上一篇： 使用表单的defaultValue属性改变input文本标签的提示文字 下一篇： jquery实现checkbox全选/全不选或反选

作者: phpvar

快速找到本文的关键字：val()改变checkbox复选框的选中状态

微信打赏

支付宝打赏

作者其它文章:

2014年12月18日 Gravatar头像不显示完美解决方法(2)

你可能会喜欢...

0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}

(*必填)

(*必填)

(选填)

[ 请确保填写正确的邮箱地址，您的留言审核通过会收到邮件通知！ ]

粘贴图片链接

CAPTCHAis initialing...

有人回复时邮件通知我

网站信息

文章数：636 篇
评论数：2675 条
标签数：1391 个
页面数：7 个
友链数：6 条
用户数：13107 位
共运行：4688 天
建站日期:2011.11.17
最近更新:2023.11.7
注册
登录

粤ICP备20056750号

Copyright © 2011-2023 Phpvar's Blog . All Rights Reserved.

基于 WordPress 技术创建页面载入耗时 1.004 秒，共执行 105 条查询 |