javascript获取所有同类checkbox选项(实例代码)

 更新时间:2013年11月07日 09:34:55   作者:  
javascript获取所有同类checkbox选项的简单实例。需要的朋友可以过来参考下,希望对大家有所帮助

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
 function getChecked() {
  alert(document.getElementsByName("id").length);
  var owner=document.getElementsByName("id").item;
            for (i = 0; i < document.getElementsByName("id").length; i++) {
if(document.getElementsByName("id")[i].checked){
                alert(document.getElementsByName("id")[i].value);
}
            }
        }
</script>
</head>

<body>
<input type="checkbox" name="id" class="cbox" value="1" checked="checked"/>
<input type="checkbox" name="id" class="cbox" value="2" />
<input type="checkbox" name="id" class="cbox" value="3" />
<input type="checkbox" name="id" class="cbox" value="4" />
<input type="button" onclick="getChecked()" value="差卡巴"/>
</body>
</html>

相关文章

  • 分享经典的JavaScript开发技巧

    分享经典的JavaScript开发技巧

    这篇文章向大家分享了40多个经典的JavaScript开发技巧,相信读完这篇文章对大家开发javascript有很大的帮助作用,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 用Javascript判断图片是否存在,不存在则显示默认图片的代码

    用Javascript判断图片是否存在,不存在则显示默认图片的代码

    用Javascript判断图片是否存在,不存在则显示默认图片的代码,需要的朋友可以参考下。
    2007-03-03
  • 基于js + html2canvas实现网页放大镜功能

    基于js + html2canvas实现网页放大镜功能

    最近接到任务,需实现【网页】放大镜的效果,百度搜索 【js 放大镜】关键字,千篇一律的都是一些仿淘宝/京东等电商网站中查看规格大图的效果实现,根本无法满足我的需求,于是自己花了点时间调研实现,在这里分享给大家,感兴趣的朋友可以参考下
    2023-12-12
  • JavaScript中的声明提升实例详解

    JavaScript中的声明提升实例详解

    这篇文章主要为大家介绍了JavaScript中的声明提升实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • Position属性之relative用法

    Position属性之relative用法

    Relative是position的一个属性,是相对定位,通过本篇文章给大家介绍Position属性之relative用法,对position属性relative相关知识感兴趣的朋友一起学习吧
    2015-12-12
  • BootStrap模态框和select2合用时input无法获取焦点的解决方法

    BootStrap模态框和select2合用时input无法获取焦点的解决方法

    在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入。怎么解决这个问题呢?下面小编给大家带来了BootStrap模态框和select2合用时input无法获取焦点的解决方法,一起看看吧
    2017-09-09
  • js在浏览器中的event loop事件队列示例详解

    js在浏览器中的event loop事件队列示例详解

    大家都知道js是单线程的脚本语言,在同一时间只能做同一件事,为了协调事件、用户交互、脚本、UI渲染和网络处理等行为,防止主线程阻塞,Event Loop方案应运而生,这篇文章主要给大家介绍了关于js在浏览器中的event loop事件队列的相关资料,需要的朋友可以参考下
    2021-11-11
  • JS不要再到处使用绝对等于运算符了

    JS不要再到处使用绝对等于运算符了

    这篇文章主要介绍了JS不要再到处使用绝对等于运算符了,对此感兴趣的同学,可以参考下
    2021-04-04
  • JavaScript实现图片放大预览效果

    JavaScript实现图片放大预览效果

    这篇文章主要介绍了JavaScript实现图片放大预览效果,帮助大家更好的理解和制作JavaScript特效,感兴趣的朋友可以了解下
    2020-11-11
  • JavaScript详解使用Promise处理回调地狱的两种方法

    JavaScript详解使用Promise处理回调地狱的两种方法

    这篇文章主要介绍了JavaScript详解使用Promise处理回调地狱的两种方法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-11-11

最新评论