Javascript 对输入框中的内容进行 “全选/反选”

简介:
+关注继续查看
复制代码
<</span>script>
    document.write("<</span>ul>");
    for(var i=0;i<</span>18;i++){
        document.write("<</span>li>");
        document.write('<</span>input type="checkbox" value='+ i +'/>888888888888888');
        document.write("<</span>/li>");    
    }

    document.write("<</span>/ul>");
    document.write('<</span>label for="choose"><</span>input id="choose" type="checkbox" onclick="selectAll(this)">全选/全不选<</span>/label>');
<</span>/script>    
复制代码

 

代码段2
复制代码
 <</span>script>
    var chks = document.getElementsByTagName("input");
    function selectAll(obj){
        for(i=0;i<</span>chks.length;i++){
            chks[i].checked = obj.checked;
            // 如果不传递 this 对象,使用事件参数的 srcElement 属性获取数据源也是可以的
            // chks[i].checked = event.srcElement.checked;
        }        
    }
<</span>/script>
复制代码

 

没有整理与归纳的知识,一文不值!高度概括与梳理的知识,才是自己真正的知识与技能。 永远不要让自己的自由、好奇、充满创造力的想法被现实的框架所束缚,让创造力自由成长吧! 多花时间,关心他(她)人,正如别人所关心你的。理想的腾飞与实现,没有别人的支持与帮助,是万万不能的。




    本文转自wenglabs博客园博客,原文链接:http://www.cnblogs.com/arxive/p/5928818.html,如需转载请自行联系原作者



相关文章
|
9天前
|
JavaScript
js简单全选及反选demo效果示例(整理)
js简单全选及反选demo效果示例(整理)
|
1月前
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
38 0
|
1月前
|
JavaScript 前端开发
JavaScript 实现全选、单选和反选
JavaScript 实现全选、单选和反选
|
2月前
|
JavaScript
js实现全选和反选
js实现全选和反选
21 0
|
9月前
|
存储 JavaScript
js实现多选、全选、反选、取消选择(篇一)
js实现多选、全选、反选、取消选择(篇一)
207 0
js实现多选、全选、反选、取消选择(篇一)
|
10月前
|
JavaScript 前端开发
JavaScript实现复选框全选与全不选的效果
JavaScript实现复选框全选与全不选的效果
60 0
|
10月前
|
JavaScript 前端开发
Javascript实现全选按钮
Javascript实现全选按钮
|
10月前
|
JavaScript
纯js全选/全不选
纯js全选/全不选
55 0
纯js全选/全不选
|
11月前
|
JavaScript 前端开发
JavaScript(js)隔行换色,省市二级联动,全选,全不选,反选
JavaScript(js)隔行换色,省市二级联动,全选,全不选,反选
113 0
|
11月前
|
前端开发 JavaScript
通过JavaScript 实现简单的全选、不全选的思想
实现的思路是,全选的按钮是否勾取,勾取后通过for循环来得到每一个按钮,赋值上全选按钮的勾取状态。
78 0
通过JavaScript 实现简单的全选、不全选的思想
相关产品
云迁移中心
推荐文章
更多