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>

时间： 2024-08-03 14:09:55

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

关于列表中checkbox选中，全选/反选设置

关于列表中checkbox选中,全选设置 1 <html> 2 <head> 3 <script type="text/javascript"> 4 //点击行时,checkbox处理方法 5 function doclick(id){ 6 var allche = document.getElementById("allid");//全选checkbox 7 var che = document.getElementsByNam

jQuery全选/反选checkbox

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content=""> <meta name="Author" content=""> <meta name="Keywords&

初学js---获取输入框中的内容并添加到表格中

按下添加按钮将输入框中的内容添加到表格中: 这里涉及到的动态创建表格单元的已讲略过只讲获取数据添加到表格:通过getElementById(*).value分别获取输入框中的值,通过以上代码将其加入到表格中完整代码:(注释部分为更复杂的方法) <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>取值填入表格</ti

JavaScript、全选反选-课堂笔记

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全选反选</title> </head> <body> <input type="button" value="全选" id="all"> <input t

表单javascript checkbox全选反选全不选

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>javascript checkbox全选反选全不选</title> <meta name="des

javascript教程系列41:表格全选反选,经典案例详解

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collap

关于Winform下DataGridView中实现checkbox全选反选、同步列表项的处理

近期接手一个winform 项目,虽然之前有.net 的经验,但是对一些控件的用法还不是很熟悉. 这段时间将会记录一些在工作中遇到的坎坷以及对应的解决办法,写出来与大家分享并希望大神提出更好解决方法来促进进步. 我也会尽可能把我查找到资料的出处引出来,以此来感恩对我提供帮助的人们. 正题如下一.关于Winform下DataGridView中实现checkbox全选反选.同步列表项的处理 1.checkbox的添加:在设计页面选择编辑列在新添加的列中注意如下几个属性: SortMode = No

分享知识-快乐自己：复选框、全选/反选/获取值

1):复选框全选与反选 .获取选中的值取消选中的框 1.全选/反选 <body> <input type="checkbox" checked> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox">

bootstrap +angualrJS(全选/反选)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="stylesheet" href="./css/bootstrap.min.css"> <script type="text/javascript"