Javascript 对输入框中的内容进行 “全选/反选”-阿里云开发者社区

开发者社区> 开发与运维> 正文

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,如需转载请自行联系原作者



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章