首页 > 作文

js判断checkbox是否被选中(js获取复选框选中的值 )

更新时间:2023-04-05 08:54:09 阅读: 评论:0

在web前端中做一些类似用户资料提交的功能时,有时需要用到html的复选框,来让用户自定义选择一些默认设置好的项目,今天就来说一说,如何利用 javascript 和 jquery 来判断html复选框是否被选中。

javascript 判断 checkbox 复选框是否被选中的方法

示例1:

<!--html代码--><input type="checkbox" name="green" onclick="get(this)" />绿色<script> function get(e){ //每次点击都会输出当前的状态 console.log(e.checked); }</script>

示例2:

<!--html代码--><input type="checkbox" name="green" onclick="get()" />绿色<script> function get(){ var check = document.getelementsb婴儿呛奶怎么办ytagname('input')[0]; //每次点击都会打印出当前的状态 console.log(check.checked); }</script>

输出结果:

注意:

1、checkbox复选框被选中时,输出 true ,否则输出 fal

2、以上两个示例的效果相同,只是调用的方法不同而已

jquery 判断 checkbox 复选框是否被选中的梦想文学方法

jquery 判断 checkbox 复选框是否被选中,可以使用 is() 和 prop() 两种方法,都非常的简单

is() 方法判断复选框是否被选中的代码:

<culture的形容词!--html代码--><input type="checkbox" name="host" id="mochu" />网站:http://www.feiniaomy.com<script> $('#mochu').click(function(){ console.log($(this).is(':checked')); });</script>

prop() 方法判断复选框是否被选中的代码:

<script> $('#mochu').click(function(){ console.log($(this).prop('checked')); });</script>

注意:prop()方法只能在 jquery 1.6版本之后使用,1.6之前的版本会报错

补充内容:

在计分 jquery 1.6 之前的版本中,可以使用 attr() 方法来判断复选框是否被选中,但1.6之后的版本,attr()方法会返回 un中专学什么defined.

示例代码:

$('mochu').attr('checked')

本文发布于:2023-04-05 08:54:07,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/b666432c88a880f299aad14d89ae6d35.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:js判断checkbox是否被选中(js获取复选框选中的值 ).doc

本文 PDF 下载地址:js判断checkbox是否被选中(js获取复选框选中的值 ).pdf

上一篇:丙三醇沸点
下一篇:返回列表
标签:复选框   方法   代码   示例
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图