全选 和 反选 单击一行选中 和 提交路径的改变

来源:互联网 发布:霍华德巅峰数据 编辑:程序博客网 时间:2024/06/13 00:41

1.按钮 (操作批量删除等)

<button class="btn btn-danger" type="submit" data-toggle="button" id="btntrack" onclick="deleteall('__ROOT__/index.php/Criminal/delete/type/all')">批量删除</button>

2.全选或者反选

全选<input type="checkbox" onclick="selectAll();">反选<input type="checkbox" onclick="unselectAll();">

3.单击一行

<tr onclick="selectrow('{$vo.criminal_id}')" >
          <td><input class="checkbox" name="batchcheck[]"  id="batchcheck_{$vo.criminal_id}" type="checkbox" onclick="selectrow('{$vo.criminal_id}')" value="{$vo.criminal_id}"></td>

</tr>

4.JS函数

<script>
function deleteall(hr)
{  
    document.Formcheck.action = hr;
    document.Formcheck.submit();
}

//全选
function selectAll(){
  var obj = document.Formcheck.elements;
  for (var i=0;i<obj.length;i++){
    if (obj[i].name == "batchcheck[]"){
      obj[i].checked = true;
    }
  }
}

//反选
function unselectAll(){
  var obj = document.Formcheck.elements;
  for (var i=0;i<obj.length;i++){
    if (obj[i].name == "batchcheck[]"){
      if (obj[i].checked==true) obj[i].checked = false;
      else obj[i].checked = true;
    }
  }
}

//选中某一行
function selectrow(ttr)
{
   checksel_id = "batchcheck_"+ttr;
   checksel = document.getElementById(checksel_id);
  
   if( checksel.checked == false)
   {
       checksel.checked = true;
   }
   else
   {
       checksel.checked = false;
   }
}
</script>

原创粉丝点击