
这个复选框是没有id的,如果你要对选中的行进行 *** 作的话,可以通过getSelections方法获取数据,如:
var rows = $("#dbgrid")datagrid("getSelections"); // 获取所有选中的行
for (var i = 0; rows && i < rowslength; i++) {
var row = rows[i];
var index = $("#dbgrid")datagrid("getRowIndex", row); // 获取该行的索引
}
只能在前台页面中手动加入要传到后台的数据
在checkbox标签加一个rowid属性,这个属性值就是id值,而同行的其它input标签的id属性值就用属性值+id值,用于区分,例如,id为30000000000这行,更新时间文本框的id属性值为time30000000000,
当checkbox被点击时判断是不是被选中,如果被选中,通过documentgetElementById("time30000000000")value获得选中行的更新时间,以及自动更新,在js代码中将要传到后台的数据拼到一起再发送到后台
(1)input的checked是一个html属性,checked的值没有意义,只不过各个版本对HTML的属性值写法规定不同才有了checked="value"这种写法,只要有checked就表示页面在加载的时候checkbox被选中,没有写就页面加载的时候checkbox就不被选中。
(2)同一个页面中用js获取checkbox是否选中:documentgetElementById("checkboxId")checked
(3)jsp中在提交时,浏览器会把选中的CheckBox的Value值,添加到一个String数组当中。在Servlet(jsp)中用 String[] chk = requestgetParameterValues("CheckBox的名字");就能可到所有被选择的CheckBox值,如果没有选择则数组:chk 为null。
自己测试下就知道了
这是拼table的代码
for ( var i = 0; i < totalCount; i++) {
var prodHtml = "";
prodHtml +="<tr>";
prodHtml +=" <td class='center'><label><input type='checkbox' class='ace' /><span class='lbl'></span></label></td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]prodCode+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]prodName+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]price+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]prodType+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]backFlag+"</td>";
prodHtml +=" <td>"+responsedatacycleMaps[i]custodyFlag+"</td>";
prodHtml +=" <td></td>";
prodHtml += "</tr>";
$('#selectedProds')append(prodHtml);
}
这是点击下一步按钮时候的方法:
function xiayibu(){
需要获取到上面table中checkbox选中的行的值,并再使用上面的方法在另一个页面中重新显示一遍
}
$('input[@type="checkbox"][@checked]')each(function(){
alert($(this)val());
});
是这样子的,如果你有留意,$('foo')这样的jquery对象都是[object object],这是因为jquery对象本身是一个数组,你需要遍历这个数组。
希望我的回答能帮助你 =)
通常情况下,我们可能会用v-for循环出一堆checkbox,提交数据的时候需要去获取选中的checkbox的value值,之前我的获取方式是给checkbox添加点击事件,这样确实能解决问题,但是总觉得有更好的办法,因为同为form表单元素的文本框就可以使用v-model来实现数据双向绑定,难道checkbox不能实现数据双向绑定吗?
呵呵哒,真的可以,我一直都不知道。。。。。。。。。
<input type="checkbox" v-model="checkFlag">
data () {
return {
checkFlag: true //checkbox默认选中
}
}
上面是最简单的用法,那如果使用场景是:购物车里循环遍历了所有用户添加的商品,用户选中一些商品,去结算,我们需要在结算的时候获取所有选中的checkbox的value值;
页面的大概效果如下:
这里我们给checkbox绑上了v-model的属性,以及value属性,checkedArr是一个数组,用来放选中的itemname,当checkbox选中或者取消都会触发v-model绑定的checkedArr值变化;
强调最重要的一点,v-model会在checkbox选中的时候,自动将当前的value值push进数组;在取消checkbox的时候,自动将当前的value值pop出数组。
以下是依次选中四个商品,然后取消商品4,打印的checkedArr的值
至于全选按钮什么时候选中,那我们可以watch一下checkedArr:
js勾选复选框示例i:
//获取页面所有checkbox(checkbox的name设置一致)var items=documentgetElementByName("checkbox的name");
//遍历checkbox
for(var i=0;i<itemslength;i++){
//当前checkbox实现勾选
items[i]checked=true;
}
Struts1x中checkbox的值对应的ActionForm中的数据类型是boolean型,写个简单的例子就明白了<html:form action="testdo"<!-- 当复选框选中时hobby的值为true --<html:checkbox property="hobby" value="true"喜欢java</html:checkbox<html:submit提交</html:submit</html:formpublic class TestForm extends ActionForm{private boolean hobby;setter and getter //get 和 set 方法public void reset(ActionMapping mapping,>
以上就是关于jquery easyui如何获取被选中的checkbox的id然后将其页面包括数据库数据删除,我的前台页面是这样写的全部的内容,包括:jquery easyui如何获取被选中的checkbox的id然后将其页面包括数据库数据删除,我的前台页面是这样写的、如何 在struts中 获取checkbox选中行 的所有数据。。把这些数据传到后台处理。。、JSP中如何获取checkbox的状态(选中或非选中)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)