jq怎样给checkbox设置选中的值

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

1、HTML结构

<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><br>

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

2、javascript代码

function fun(){

obj = documentgetElementsByName("test");

check_val = [];

for(k in obj){

if(obj[k]checked)

check_valpush(obj[k]value);

}

alert(check_val);

}

1、首先用hbuilder编辑器新建一个html文件，里面设置一个input框并设置它的tpye属性为checkbox，设置name属性为checkbox，同时在上方设置一个bgred的样式备用：

2、然后在下方引入Jquery库，首先获取checkbox的dom元素，给它一个点击事件，然后判断checkbox有没有被选中，如果选中就添加上一步设置好的css样式，否则则删除样式：

3、最后来到浏览器，可以看到一个checkbox框，点击将它选中：

4、点击之后checkbox的颜色就改变了：

var ked=$('#checkbox-id')attr('checked')；

这个是获取checked的属性值，

如果为true 或checked 就表示已被选中，

如果为false 或空,就表表示未被选中

下面的代码才是判断是不是被选中：

方法一：if ($("#checkbox-id")get(0)checked) { // do something}

方法二：if($('#checkbox-id')is(':checked')) { // do something}

方法三：if ($('#checkbox-id')attr('checked')) { // do something}

1、首先web项目结构如图所示，这个结构熟悉的话可以自己调整的。

2、然后设置一些较为简单的选项框，这里随便用abcd来代替选项框了。

3、这里是jq来实现全选，所以引入jQuery，并且给按钮绑定一个jQuery类型的点击事件即可。

4、然后通过prop来设置input的属性即可设置全选了，prop是jq自带的一个方法。

5、因为CheckBox可以设置checked属性，所以我们把它设置为true即可。

6、最后预览，可以看到CheckBox都被checked中了，这样就达到全选了。

以上就是关于jq怎样给checkbox设置选中的值全部的内容，包括:jq怎样给checkbox设置选中的值、jquery 实现checkbox选中颜色改变、jq怎么判断checkbox是否选中等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！