java swing中在jTable中添加多个复选框的方式如下：
import java.awt.Component;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.*;
import javax.swing.table.*;
public class MyFirstJFrame extends JFrame {
// 作为测试的main方法
public static void main(String[] args) {
new MyFirstJFrame().setVisible(true);
}
/**
* 构造方法
*/
public MyFirstJFrame() {
InitialComponent();
}
/**
* 初始化组件的方法
*/
private void InitialComponent(){
// 设置窗体参数
// 设置布局模式
setLayout(null);
// 设置窗体大小
setSize(480, 360);
// 设置窗体居中(非常规方法)
setLocationRelativeTo(null);
// 关闭窗体退出程序
setDefaultCloseOperation(DISPOSE_ON_CLOSE);
// 初始化面板
panel = new JPanel();
panel.setSize(this.getWidth(), this.getHeight());
panel.setLocation(0,0);
panel.setLayout(null);
// 初始化表格
table = new JTable(new DefaultTableModel(new Object[][]{{"第一行"},{"第二行"},{"第三行"},{"第四行"}}, new String[]{"测试行1","测试行2"}){
/* (non-Javadoc)
* 重写方法，判断表单元格是否可编辑
* 可以通过row和column索引判断某一个单元格是否可编辑
* 此处设为都不可编辑
* @see javax.swing.table.DefaultTableModel#isCellEditable(int, int)
*/
@Override
public boolean isCellEditable(int row, int column) {
return false;
}
});
// 开始向表格中添加复选框(注意：此示例较为简单，缺省很多判断，也没有动态代码支持)
// 通过设置列渲染
// 方法一：直接方式 使用TableColumn的setCellRenderer方法(推荐)
// 此方法可以设置某一列的渲染(即使用某一个组件--即控件来显示单元格数据)
table.getColumnModel().getColumn(1).setCellRenderer(new TableCellRenderer(){
/*(non-Javadoc)
* 此方法用于向方法调用者返回某一单元格的渲染器(即显示数据的组建--或控件)
* 可以为JCheckBox JComboBox JTextArea 等
* @see javax.swing.table.TableCellRenderer#getTableCellRendererComponent(javax.swing.JTable, java.lang.Object, boolean, boolean, int, int)
*/
@Override
public Component getTableCellRendererComponent(JTable table,
Object value, boolean isSelected, boolean hasFocus,
int row, int column) {
// 创建用于返回的渲染组件
JCheckBox ck = new JCheckBox();
// 使具有焦点的行对应的复选框选中
ck.setSelected(isSelected);
// 设置单选box.setSelected(hasFocus);
// 使复选框在单元格内居中显示
ck.setHorizontalAlignment((int) 0.5f);
return ck;
}});
// 方法二：先设置列编辑器，然后设置单元格渲染
// 设置列编辑器
// 在以复选框为对象设置列编辑器时，必须保证该列能够被编辑，否则无法更改状态
// (此步骤可以省略，省略时不要忘记将列设为不可编辑)
// table.getColumnModel().getColumn(1).setCellEditor(new DefaultCellEditor(new JCheckBox()));
// 设置单元格渲染(这里是设置表格级别的渲染)
/*table.setDefaultRenderer(Object.class, new TableCellRenderer(){
@Override
public Component getTableCellRendererComponent(JTable table,
Object value, boolean isSelected, boolean hasFocus,
int row, int column) {
// 判断是否为需要渲染的列
if(column == 1){
// 和方法一基本一致
JCheckBox box = new JCheckBox();
box.setSelected(isSelected);
// 设置单选box.setSelected(hasFocus);
box.setHorizontalAlignment((int) CENTER_ALIGNMENT);    // 0.5f
return box;
}
// 如果不是需要渲染的列，封装文本域显示数据
return new JTextArea(value.toString());
}});*/
// 在多选是需要按住Ctrl键或者鼠标按住拖过连续的需要选中的行，应该给用户说明
// 第一种方法是被推荐的，因为它具有选中的高亮显示，界面能更加友好
table.setSize(panel.getWidth(),panel.getHeight() - 90);
table.setLocation(0, 0);
btn = new JButton("Test");
btn.setSize(80,40);
btn.setLocation((panel.getWidth()) / 2 - 40, panel.getHeight() - 80);
// 按钮点击时显示当前选中项
btn.addActionListener(new ActionListener(){
@Override
public void actionPerformed(ActionEvent e) {
for(int rowindex : table.getSelectedRows()){
JOptionPane.showMessageDialog(null, rowindex + " " + table.getValueAt(rowindex, 0));
}
}});
panel.add(table);
panel.add(btn);
this.add(panel);
}
// 定义一些必要的组件
private JPanel panel;
private JTable table;
private JButton btn;
}

/*多条-删除*/
function deleteBatch(){
layer.confirm('确认要删除吗？',function(index){
var idList = new Array();
// 获得选中的ID值
$("input[name='id']:checkbox:checked").each(function(){
idList.push(this.value);
});
$.ajax({
type:"post",
url:"${CONTEXT_PATH}/sys/menu/deletebatch.html",
data: $('#form-menu').serialize(),//表单数据
data: {"idList":idList},
//cache:false,
success:function(msg){
if(msg=="success"){
// 延时1S刷新
setTimeout('location.replace(location.href)', 1000);
layer.msg('全部删除成功!',{icon:1,time:1000});
}
if(msg=="error"){
layer.msg('异常!');
}
}
});
});
}
后台controller：
@RequiresPermissions("sys:menu:edit")
@ResponseBody
@RequestMapping("/deletebatch")
public String deletebatch(@RequestParam("idList[]") List objs,ModelMap modelMap, HttpServletRequest request) throws Exception {
String retStr = "error";
try{
menuService.removeMulti(objs);
retStr = "success" ;
}catch(Exception e) {
logger.info(e.getMessage());
}
return retStr;
}
后台service：
@CacheEvict(value="defaultCache",allEntries=true)
public void removeMulti(List objs) {
BasicDBList basicDBList=new BasicDBList();
for(String id : objs) {
basicDBList.add(new BasicDBObject("id",id));
}
DBObject obj =new BasicDBObject();
obj.put("$or", basicDBList);
Query query=new BasicQuery(obj);
mongoTemplate.remove(query,Menu.class);
}如果不跳转，应该把ajax里面的dataType改成html ，json时返回不正确
posted on 2016-10-27 13:22 liufx 阅读(333) 评论(0)  编辑  收藏

        checkbox复选框多选的时候获取除ID以为的其他属性       


        分类：            
JAVA2012-07-24 18:14130人阅读评论(0)收藏举报
inputurlhtml

这里就写个简单的例子吧，(*^__^*) 嘻嘻


html里面：
<input type="checkbox" name="id" id="id" value="<%=pageinfo.get("ID") %>" taskUrl="<%=pageinfo.get("URL")==null?"":pageinfo.get("URL") %>"

taskTitle="<%=pageinfo.get("TITLE")==null?"":pageinfo.get("TITLE") %>" onClick="chkbox_chg(this)">



我想获取的就是taskURL和taskTitle，它们都是对象中的属性，为了获取这两个属性的值，所以我在input标签里面加了一个taskTitle和taskURL【属性是可以随便加的哦，随便命名，亲】


js里面是这样获取的：
var obj = document.getElementsByName("id");

var titles="";

var urls=""; 

for(i=0;i<obj.length;i++){

if(obj[i].checked){

titles+=obj[i].taskTitle+",";

urls+=obj[i].taskUrl+",";

}

}
这样我就以拼接字符串的形式，用逗号隔开把所选的行的title和url属性都获取到了，然后传到后台去处理就简单了。这里我没有用数组，因为我比较喜欢拼接字符串，这样传参方便。每个人都有自己的方法，自己喜欢就好。喜欢的可以拿来参考。


每天记录一点点，也是一种进步，(*^__^*) 嘻嘻

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<t:base type="jquery,easyui,tools"></t:base>
<link rel="stylesheet" href="plug-in/main/css/layout.css" type="text/css"></link>
<link rel="stylesheet" href="plug-in/main/css/base.css" type="text/css"></link>
<link rel="stylesheet" href="plug-in/main/css/skin-blue.css" type="text/css"></link>
	<style>
 .switch-box{
        width:58px;
        height:24px;
        border-radius: 11px;
        border:1px solid #c1c1c1;
        background: #eff1ee;
        cursor:pointer;
    
      }
      .switch-box.on{
        background: #79e68b;
      }
      .switch-box.on .switch-btn{
        float:right;
      }
      .switch-btn{
        width:22px;
        height:22px;
        border-radius: 11px;
        border:1px solid #c1c1c1;
        box-shadow:inset 0 0 1px #cccccc;
        background-color: #fff;
      }

table.datagrid-htable td,table.datagrid-btable td{
				vertical-align:middle;
			}
			
			table.datagrid-htable td .datagrid-cell,table.datagrid-btable td .datagrid-cell{
				display:table-cell;
			}
			
			#date-time-box{
				border-bottom: 1px solid #b2bad0;
				height:40px;
				line-height:40px;
				padding-left: 20px;
				background: #ededed;
				overflow:hidden;position:absolute;top:0;left:0;
				width:100%;
				box-sizing:border-box;
			}
			#date-time-box .datetime-query{
				float:left;
				line-height:36px;
			}
			#date-time-box .datetime-query input{
				line-height:20px;
				padding:1px 3px;
				border:1px solid #9c9c9c;
			}
			#date-time-box a.query-button{
			    display: block;
			    margin-right: 10px;
			    color: rgb(255, 255, 255);
			    text-align: center;
			    min-width: 54px;
			    height: 28px;
			    margin-top:6px;
			    line-height: 28px;
			    float: left;
			    padding: 0px 4px;
			    background: rgb(92, 142, 223);
			    border-radius: 3px;
			}
			iframe{
				border:none;
				border-left: 1px solid #b2bad0;
				border-right: 1px solid #b2bad0;
			}
			
			span{ 
				margin-left:10px; 
				margin-right:10px; 

			}
			
			#table {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ced8dd;
	min-width: 100%;
	margin-top: 50px;
}

#table td,#table th {
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 3px;
	line-height: 1.8;
}

td {
	min-width: 90px;
	text-align: center;
}

.theader {
	background:linear-gradient(to bottom, #f9f9f9 0px, #efefef 100%);
}
.theader td{
	text-align:center;
}
.table-container {
	overflow: auto;
	display: block;
}

</style>
<div style="max-height:600px;min-height:200px;padding-bottom:40px;position:relative;height:100%;box-sizing:border-box;">
	<input id="proid" name="proid" type="hidden" value="${proid}">
	<input id="taskKey" name="taskKey" type="hidden" value="${taskKey}">
	<div class="easyui-layout" fit="true">
		<div region="center" style="padding:1px 1px 20px 1px; ">
		
			<table id="table" align="center" cellspacing="0" cellpadding="0" type="checkbox">
				 <c:forEach var="edu" items="${hzlist}">
						<h1>${edu.fsname}</h1>
				</c:forEach>
				<tr id="show_tab_one">
					<td  hidden="hidden">id</td>
					<td  hidden="hidden">name</td>
					<td>序号</td>
					<td>选择</td>
					<td>姓名</td>
				</tr>
			   <c:forEach var="edu" items="${list}" varStatus="status">
					<tr class="del">
					<td class="xh">${status.index+1}</td>
					<td><input class="eid" type="checkbox" value="${edu.id}" /></td>
					<td id="id" hidden="hidden">${edu.id}</td>
					<td>${edu.realname}</td>
					
				    </tr>     
				</c:forEach>
			</table>
		
		</div>
	</div>
	<div style="position:absolute;bottom:0;width:100%;text-align:right;right:0;height:40px;overflow:hidden;background:#fff;">
		<a id="closeIframe" style="display:block;float:right;height:28px;margin-top:6px;line-height:28px;font-size:14px;text-align:center;width:80px;background:#d1d1d1;color:#fff;margin-left:14px;border-radius:3px;margin-right:20px;">关闭</a>
		<a id="submitIframe" style="display:block;float:right;height:28px;margin-top:6px;line-height:28px;font-size:14px;text-align:center;width:80px;background:#2A8FBD;color:#fff;border-radius:3px">提交</a>
	</div>
</div>
<input id="dygcId" name="dygcId" type="hidden" value="${dygcId}">
<input id="fsqbsid" name="fsqbsid" type="hidden" value="${fsqbsid}">
<input id="fspx" name="fspx" type="hidden" value="${fspx}">


<script type="text/javascript">

function submit() {
debugger;

	var f= $(".eid:checked");
			var ids = "";
			var idsName = "";
			 f.each(function(){
				 var eid =$(this).val();
				 var pp = $(this).parent().next().next().text();
				 console.log(pp);
				 ids += eid+",";
				 idsName += pp+",";
				 });
		ids = ids.substring(0,ids.length-1);
		idsName = idsName.substring(0,idsName.length-1);
	if(ids != ""){
		var win = window.top.document;
		win.getElementById("initiator").value=ids;
    	win.getElementById("initiatorValue").value=idsName;    	
    	$('#btn_sub', parent.document).click();
    	window.top.document.getElementById("iframe-submit").style.display="none";
    	token();
	}else{
		tip("请选择一个用户");
	}
}

$(function($) {
	$('#closeIframe').click(function(){
		window.top.document.getElementById("iframe-submit").style.display="none";
	});
	$('#submitIframe').click(function(){
		submit();
	});
});

function token(){


	var f= $(".eid:checked");
			var ids = "";
			var idsName = "";
			 f.each(function(){
				 var eid =$(this).val();
				 var pp = $(this).parent().next().next().text();
				 console.log(pp);
				 ids += eid+",";
				 idsName += pp+",";
				 });
		ids = ids.substring(0,ids.length-1);
		idsName = idsName.substring(0,idsName.length-1);
		var dygcId = $("#dygcId").val();
	    var fsqbsid = $("#fsqbsid").val();
	    var fspx = $("#fspx").val();
	 	  $.ajax({
			type:"post",
			async:false,
			data:{dygcId:dygcId,fsqbsid:fsqbsid,fspx:fspx,tjuserid:ids},
			url : "damofficeaction.do?jzzkz_test",// 请求的action路径
			success : function(data) {
				var d = $.parseJSON(data);
				
			}
		});
	}
</script>