zoukankan      html  css  js  c++  java
  • 一些关于 checkbox的前台 jquery 操作 记录

    $(function() { //页面载入函数
    var partList = jQuery.parseJSON( '${KeyWordsList}');
    $.each(partList,function(key,value){
    //console.log(key);
    // console.log(value['ID']+' '+value['KeyWord']);
    if(value['ID']%3 == 0){
    //<label><input name="Fruit" type="checkbox" value="" />苹果 </label>
    $('#keywords_tab_one').append("<td style='text-overflow:ellipsis;word-break:keep-all; white-space:nowrap;'><label><input name='KeyWords' value='"+value['KeyWord']+"' type='checkbox'/>"+value['KeyWord']+"</label></td>");
    }

    if(value['ID']%3 == 1){
    $('#keywords_tab_two').append("<td><label><input name='KeyWords' value='"+value['KeyWord']+"' type='checkbox'/>"+value['KeyWord']+"</label></td>");
    }

    if(value['ID']%3 == 2){
    $('#keywords_tab_three').append("<td><label><input name='KeyWords' value='"+value['KeyWord']+"' type='checkbox'/>"+value['KeyWord']+"</label></td>");
    }
    });

    var selectedkeyList ="${plantdefdetailCSA.KeyWords}";
    var selectedwords=selectedkeyList.split(",");

    $("#keywords_tab input[name=KeyWords]").each(function(){ //遍历table里的全部checkbox
    console.log('check'+$(this).val());
    for(var i=0;i<selectedwords.length;i++){
    if($(this).val()==selectedwords[i]){
    $(this).attr("checked","checked");
    console.log('nice!');
    }
    }


    });





    var width=$('#keywords_tab').width();
    console.log('width='+width);
    if(width<350){
    $('.td_keywords_tab').css('overflow-x','visible');
    }else{
    $('.td_keywords_tab').css('overflow-x','scroll');
    }


    });

  • 相关阅读:
    java环境基础步骤 svn
    java环境基础步骤 jdk tomcat eclipse
    @ModelAttribute 注解及 POJO入参过程
    cookie小记
    jquery指index
    Js文件中文乱码
    Redis基础(转)
    eclipse导出jar包的方法
    简单谈谈如何利用h5实现音频的播放
    yii2 GridView 下拉搜索实现案例教程
  • 原文地址:https://www.cnblogs.com/jiangyi666/p/6137013.html
Copyright © 2011-2022 走看看