一些关于 checkbox的前台 jquery 操作 记录
Posted 讲义大魔王
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了一些关于 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‘);
}
});
以上是关于一些关于 checkbox的前台 jquery 操作 记录的主要内容，如果未能解决你的问题，请参考以下文章
jquery easyui如何获取被选中的checkbox的id然后将其页面包括数据库数据删除，我的前台页面是这样写的
jq设置checkbox默认选中状态 jQuery控制input不可编辑