自定义表格添加复选框列

来源:互联网 发布:床和床头柜尺寸 知乎 编辑:程序博客网 时间:2024/06/05 05:57

最近做个购物车, 需要自己在表格中实现一个复选框的列:

<input type="checkbox" onclick="allcheck(this.checked)"/>全选


<td><input type="checkbox" name="productIds" value="${car.id}"/></td>


全选框的事件处理如下:

function allcheck(checked){$("input[type=checkbox][name='productIds']").each(function() {   $(this).attr("checked", checked);// 设置每个checkbox选中或不选中   if($(this).attr("checked")){   // 这里是自己的逻辑处理, 我这里就是改变购物车总价等信息.       }});     }

获取被选中的行的事件处理如下:

var str = '';     $("input[type=checkbox][name='productIds']").each(function() {     if($(this).attr("checked")){     str+=$(this).val()+',';// 获取所有被选中的行的value值进行拼接.     } });     alert(str);     var length=$("input[type=checkbox][name='productIds']:checked").length;//获得被选中的个数


0 0
原创粉丝点击