您现在的位置是: 首页 » 网页代码 » javascript如何判断checkbox是否选中
网页代码

javascript如何判断checkbox是否选中

网站优化小编十一月 11, 2019 11人已围观

javascript如何判断checkbox是否选中?下面本篇文章就来给大家介绍一下使用javascript判断checkbox是否被选中的方法,希望对大家有所帮助。

网站运营中栏目排名优化技巧

在javascript中可以使用checked属性来判断是否被选中,该属性保存了 checkbox 的当前状态(选中/未选中)。

checked属性设置或返回checkbox是否应被选中;如果该属性的值等于true,那么说明选中,如果等于false,则说明没选中。

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript">
window.onload=function(){
  var ock=document.getElementById("ck");
  var obt=document.getElementById("bt");
  var odiv=document.getElementById("thediv");
  obt.onclick=function(){
    if(ock.checked==true){
      odiv.innerHTML="复选框被选中";
    }
    else{
      odiv.innerHTML="复选框没有被选中";
    }
  }
}
</script>
</head>
<body>
<div id="thediv"></div>
<input type="checkbox" id="ck" value="1"/>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:202天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:2614 条
  • 文章评论:5 条
  • 微信公众号:扫描二维码,关注我们