怎么样实现复选框变单选 问题

JavaScript021

怎么样实现复选框变单选 问题,第1张

网页复选框的效果实现(图)[编辑本段](一)如何实现复选框的全选和反选解决思路：全选的实现：遍历所有复选框，然后设置各多选项的checked属性为true。反选的实现：遍历所有复选框，获取复选框的checked属性值，是true的话则设置为false，否则设为true，即作当前值的相反设置。具体步骤：代码示例：注意：本例中能被全选或反选的复选框必须设置name为iTo。技巧：在本例中其实不用遍历表单的每个元素，只需要遍历getElementsByName("iTo")集合就行了。特别提示代码运行后，选中”全选”复选框，所有name为iTo的复选框将被选中，效果如图1.4.12所示。图1.4.12全选复选框特别说明本例需要掌握的内容是对表单项的遍历和复选框的选中或不选中状态的设置或获取。checked设置或获取复选框或单选钮的状态，true为选中，false为不选中。elements获取以源顺序排列的指定表单中所有控件的集合(不包括图像类型的控件对象)。

参考文章： dot.js用法详细参考

dot.js在我眼中是个模板引擎，因为项目中经常会用到排版，例如下面两张图片，有模板嵌套的话，就很方便。

首先看一下我的JSON接口传来的

数据

，我格式化了一下，我截取了2条

在前端获取JSON数据里，我用的是ajax异步获取（我用的是apicloud,所以用他的获取方法，道理都是一样的）

因为是异步处理，我们把需要处理的内容放在回调函数function里（因为我们要先获取到了数据，才能进行其他操作啊！曾经的犯错，回顾。）。现在console.log(JSON.stringify(ret.data)）,打印出的应该是data的内容,截取了2条。如果console.log(ret.data）,打印出的应该是对象，所以转换成字符串。（关于JSON对象，字符串等问题，上一篇）

现在看一下第一大点的dot.js的用法的第三点

按照这个格式，我写了下面这个模板和调用方法：

我运用了weui的页面框架，样式简单，不讲了，大概是：

<div class=weui.grids>

    <div class=weui-grid></div>  //我用dot.js方法，把这个设成了模板，循环了一下把数据放进去。

</div>

首先定义一个数组 var arr=[2,4,5,3,5,3,0]//这里以整形数组为例

确定数组的长度arr.length

利用循环语句遍历数组

var arr=[2,4,5,3,5,3,0]

var arrvalue//用于存放取出的数组的值

for(var i=0i<arr.lengthi++){

arrvalue=arr[i]//数组的索引是从0开始的

console.log(arrvalue)//把取出的值打印在控制台上

}