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



相关文章
|
2月前
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
57 1
|
3月前
|
JavaScript
|
3月前
|
JavaScript 前端开发 算法
JavaScript实现按键快速获取输入框光标
JavaScript实现按键快速获取输入框光标
25 0
|
8月前
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
392 0
|
4月前
|
JavaScript 前端开发
Javascript的form表单校验输入框
Javascript的form表单校验输入框
24 0
|
4月前
|
JavaScript 前端开发
JavaScript 获取 input 输入框内容的几种方法
JavaScript 获取 input 输入框内容的几种方法
61 0
|
6月前
|
JavaScript
js的全选和反选的具体实现
js的全选和反选的具体实现
20 0
|
7月前
|
JavaScript
js鼠标离开-清除input输入框内的空格demo效果示例(整理)
js鼠标离开-清除input输入框内的空格demo效果示例(整理)
|
7月前
|
JavaScript
js简单全选及反选demo效果示例(整理)
js简单全选及反选demo效果示例(整理)