从数据库取数据动态生成checkbox，前台无法获取选中的属性

试试这样写。

$('input:checkbox[name=checkbox]:checked')each(function(){  

                str+=$(this)val()+"/r/n";

                alert(str);  

});

1：如何获取checkbox的值和后面的中文名称

<input type=checkbox value="111"><span>222</span>

$("input[type=checkbox]:checked")each(function(){

$(this)next()html();

$(this)attr('value');

});

简单吧

2：通配符

$("input[id^='code']");//id属性以code开始的所有input标签

$("input[id$='code']");//id属性以code结束的所有input标签

$("input[id='code']");//id属性包含code的所有input标签

[att=value] 匹配包含给定属性的元素 (大小写区分)

[att=value] 模糊匹配

[att!=value] 不能是这个值

[att$=value] 结尾是这个值

[att^=value] 开头是这个值

[att1][att2][att3] 匹配多个属性条件中的一个

（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。

自己测试下就知道了

我想你要用到后台吧，那么就不能仅仅停留在前端了。

建议你给每一行的checkbox加一个name属性，比如

<input

type='checkbox'

value='显示'

value='0'

name='ckb'

class='cls'>

<input

type='checkbox'

value='执行'

value='0'

name='ckb'

class='cls'>

<input

type='checkbox'

value='更新'

value='0'

name='ckb'

class='cls'>

值默认为0，在前台，当你选中某一个时，将其值改为1，js代码，需要用jquery

$(function(){

$("cls")click(function(){

thisvalue=1;

})

})

然后在后台用

RequestForm["ckb"]来接受checkbox的值，

就受到的值就例如这样

1

,0

,1

思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：

1、HTML结构

1

2

3

4

5

6

<input type="checkbox" name="test" value="1"/><span>1</span>

<input type="checkbox" name="test" value="2"/><span>2</span>

<input type="checkbox" name="test" value="3"/><span>3</span>

<input type="checkbox" name="test" value="4"/><span>4</span>

<input type="checkbox" name="test" value="5"/><span>5</span>

<input type='button' value='提交' onclick="fun()"/>

2、javascript代码

1

2

3

4

5

6

7

8

9

function fun(){

obj = documentgetElementsByName("test");

check_val = [];

for(k in obj){

if(obj[k]checked)

check_valpush(obj[k]value);

}

alert(check_val);

}

3、演示效果

以上就是关于从数据库取数据动态生成checkbox，前台无法获取选中的属性全部的内容，包括:从数据库取数据动态生成checkbox，前台无法获取选中的属性、如何获取checkbox的value和name、JSP中如何获取checkbox的状态（选中或非选中）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！