不点的时候为null，你只要设置checkbox中，option 的value 为null就好了。
一种是，点了之后，点击表单提交按钮，那么，点击对应的value会自动传到后台，属性是由你的name来传的。
还有一种情况，是点击之后，自动访问后台，用 jq onchange()方法进行触发，需要用到ajax， 将该checkbox的值获取到 发送给后台。
后台可以 通过request对象获取等等。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
在jqGrid中设置multiselect: true可以实现全选的 *** 作，但怎么设置被选中的checkbox里面的值呢，做法如下：
jQuery("#listTable")jqGrid({
url: 'queryListdo',
datatype: 'json',
colNames: ['','编号','姓名'],
colModel: [
{
name: 'MY_ID',
index: 'MY_ID',
sortable: false,
width: '0%',
hidden:true
},
{
name: 'MY_NO',
index:'MY_NO',
sortable: false,
align:'center',
width:'10%'
},
{
name: 'NAME',
index:'NAME',
sortable: false,
align:'center',
width:'10%'
}
],
page: 1,
rowNum: 10,
rowList: [10, 20, 30],
pager: '#listPage',
multiselect: true,
sortname: 'MY_NO',
viewrecords: true,
sortorder: "desc",
jsonReader: {
repeatitems: false
},
width: "100%",
height: '100%',
gridComplete: function() {
var rowIds = jQuery("#listTable")jqGrid('getDataIDs');
for(var k=0; k<rowIdslength; k++) {
var curRowData = jQuery("#listTable")jqGrid('getRowData', rowIds[k]);
var curChk = $("#"+rowIds[k]+"")find(":checkbox");
curChkattr('name', 'checkboxname'); //给每一个checkbox赋名字
curChkattr('value', curRowData['MY_ID']); //给checkbox赋值
curChkattr('title', curRowData['NAME'] ); //给checkbox赋予额外的属性值
//curChkattr('checked', 'true'); //设置所有checkbox被选中
}
//下面的代码顺序不能变(这是页面上所有行被真选中[所有行被**])
//$("#cb_listTable")attr("checked", true);
//$("#cb_listTable")click(); //input框
//$("#jqgh_listTable_cb")click(); //div标签
//$("#listTable_cb")click(); //th标签
}
});
加载完列表后获取被选中的checkbox的值及其属性值的做法如下：
var checkedVals = new Array();
var checkedTitles = new Array();
$(":checkbox[name=checkboxname][checked]")each(function(){
checkedValspush($(this)val());
checkedTitlespush($(this)attr("title"));
});
for(var p=0; p<checkedValslength; p++){
alert(checkedVals[p]);
alert(checkedTitles[p]);
}
--------------------------------------------------------------------------------------------------
让查询列表中按指定条件被默认选中或灰掉checkbox的做法如下：
jQuery("#listTable")jqGrid({
url: 'queryListdo',
datatype: 'json',
colNames: ['','编号','姓名'],
colModel: [
{
name: 'MY_ID',
index: 'MY_ID',
sortable: false,
width: '0%',
hidden:true
},
{
name: 'MY_NO',
index:'MY_NO',
sortable: false,
align:'center',
width:'10%'
},
{
name: 'NAME',
index:'NAME',
sortable: false,
align:'center',
width:'10%'
}
],
page: 1,
rowNum: 10,
rowList: [10, 20, 30],
pager: '#listPage',
multiselect: true,
multiboxonly: true,
sortname: 'MY_NO',
viewrecords: true,
sortorder: "desc",
jsonReader: {
repeatitems: false
},
width: "100%",
height: '100%',
gridComplete: function() {
var rowIds = jQuery("#listTable")jqGrid('getDataIDs');
for(var k=0; k<rowIdslength; k++) {
var curRowData = jQuery("#listTable")jqGrid('getRowData', rowIds[k]);
if(curRowDataMY_NO == '123456'){
$("#listTable")find("input[id='jqg_" + rowIds[k] +
"']")val(curRowDataMY_ID);
if(curRowDataNAME=='shihuan'){
$("#listTable")find("input[id='jqg_" + rowIds[k] +
"']")attr("checked", true);
}
}else{
$("#listTable")find("input[id='jqg_" + rowIds[k] +
"']")val(curRowDataMY_ID);
$("#listTable")find("input[id='jqg_" + rowIds[k] + "']")attr("checked",
true);
$("#listTable")find("input[id='jqg_" + rowIds[k] + "']")attr("disabled",
true);
}
}
}
onSelectAll:function(rowid, status) { //rowid 数组
var ids = jQuery("#listTable")jqGrid('getDataIDs');
for (var i=0; i<idslength; i++) {
var cl = ids[i];
var curRowData = jQuery("#listTable")jqGrid('getRowData',cl);
var ckt = $("#listTable")find("input[id='jqg_" + cl + "']")attr("disabled");
if(ckt){
$("#listTable")find("input[id='jqg_" + cl + "']")attr("checked", true);
}
}
},
beforeSelectRow:function(rowid, e){
//alert(rowid); //rowid的值是checkbox的value值
return false;
}
});
--------------------------------------------------------------------------------------------------
jqGrid被重新载入的做法如下：
function gridReload() {
jQuery("#listTable")jqGrid('setGridParam', {
//url:'///com/shihuan/searchdo',
//postData: transferFormElementsToObject('theForm'),
postData: {"message":msval},
page:1
})trigger("reloadGrid");
}
第一步，创建一个HTML，html是网页的基础与骨架：
第二步、在html中增加测试数据，定义一个checkbox，目的是使用jquery ajax方法get请求获取数据填充，
第三步、编写jquery 方法，按钮点击时，触发事件，将选中的checkbox值获取，
第四步、打开浏览器，打开测试页面，进行测试：
第五步、完成效果图。
以上就是关于checkbox怎么传值啊 ，怎么写，就一个checkbox，不点的时候是null，点了希望传一个值出来到后台。全部的内容，包括:checkbox怎么传值啊 ，怎么写，就一个checkbox，不点的时候是null，点了希望传一个值出来到后台。、javascript获取复选框的值之后进行对应输出怎么写，求大神指点迷津！、jqGrid 怎么动态控制 multiselect 属性等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）