• datatable隐藏列设置及获取隐藏列的值


      1. "columns": [ 
         
            { "data": "name" },  
                        { "data": "password" },  
                        { defaultContent: '<td class="caozuo">'+  
            <span class="lookup">查看</span>  '+  
              '<span class="modify">修改</span>  '+  
              '<span class="delete">删除</span></td>'},  
            {"data": "id","visible": false}  
                    ]
        

        由于因为该id列设置为隐藏后,在页面就没有dom节点,所以使用jquery获取不到该id的值

        使用下面的方法就可以获取到id

        1. //先拿到点击的行号
        2.  
          var rowIndex = $(this).parents("tr").index();
        3.  
          //此处拿到隐藏列的id
        4.  
          var id = $('#example').DataTable().row(rowIndex).data().id;
           

          根据获取的value值,设置radio、checkbox 的选中状态

           

          单选按钮系列操作:

          1、获取单选按钮选中的值:

          $("input[name='zhiFu']:checked").val()

          2、根据后台传入的值,显示单选按钮的选中状态:

          $("input[name='zhiFu'][value='"+data.zhiFu+"']").prop("checked", "checked");
          
          

          -----------------------------------------               残忍的分割一下                 --------------------------------------------------

          多选按钮系列操作:
          1、获取多选按钮选中的值:

          遍历取得选中的多选按钮的值,存在字符串中:
          var eight="";
          $("input:checkbox[name='eight']:checked").each(function() {
          eight += $(this).val() + ",";
          });

          2、根据后台传入的值,显示多选按钮的选中状态:

          遍历字符串,并将逗号切割掉,依次设置多选按钮的选中项:
          var str = "A,B,C";
          $(str.split(",")).each(function (i,e){
          $("input[name='eight'][value='"+e+"']").prop("checked",true);
          });

          如图展示效果:



          最后一列
          {
          "aTargets": -1, //最后一列
          "data":"xkjywxj",
          "render": function (data, type) {

          var aa="<div>" +
          "好<input type='radio' name='xkjywxj' id='xkjywxj_1' value='0' >" +
          "坏<input type='radio' name='xkjywxj' id='xkjywxj_2' value='2' >" +
          "否<input type='radio' name='xkjywxj' id='xkjywxj_3' value='3' >" +
          "</div>"

          $("input[name='xkjywxj']").each(function(index) {
          if ($("input[name='xkjywxj']").get(index).value === data) {
          $("input[name='xkjywxj']").get(index).checked = true;
          }
          });

          return aa ;
           
  • 相关阅读:
    [oldboy-django][2深入django]老师管理--查看,添加,编辑
    全虚拟化和半虚拟化的区别 cpu的ring0~ring3又是什么概念?
    Ansible Jinja if 生成不同的MySQL文件
    Linux内核优化(未注释)
    CentOS7入门到精通实战课程课后习题
    基于sersync海量文件实时同步
    CentOS6系统优化
    lnmp架构实现动态php
    云计算与虚拟化KVM深度实践
    Linux6系统安装
  • 原文地址:https://www.cnblogs.com/huoxiansudi/p/11829377.html
Copyright © 2020-2023  润新知