js获取复选框状态

js获取复选框状态,第1张

问题描述不清啊,(第四个在选取状态下,其他三个改变,第四个回选取状态)

第四个已经是选取状态了,怎么还要回到选取状态呢?

你的意思是不是,只要其他三个的状态发生改变,那么第四个就变成选中呢,如果是的话

那么,直接给其他三个添加onclick事件,点击一下第四个就选中

<script>

function ttt(){

    documentgetElementById('chk4')checked=true;

}

</scrip

<input type='checkbox' id='chk1' onclick='ttt();' />

<input type='checkbox' id='chk2' onclick='ttt();' />

<input type='checkbox' id='chk3' onclick='ttt();' />

<input type='checkbox' id='chk4' />

新建一个html文件,命名为testhtml,用于讲解jquery如何获取复选框的值。

2

/6

在testhtml文件内,使用input标签创建三个选项,用于测试。

3

/6

在testhtml文件中,给三个input标签添加一个共同的name属性,用于下面获得选项对象。

4

/6

在testhtml文件中,使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行getvvv()函数。

5

/6

在js标签内,创建getvvv()函数,在函数内,创建一个空数组arr,用于保存选项的值。通过name获得input选项对象,使用each()方法遍历选项,将获得的值,通过push()方法存进数组中,最后,使用alert()方法输出值。

6

/6

在浏览器打开testhtml文件,点击按钮,添加,再点击,查看结果。

总结:

1

/1

1、使用input标签创建三个选项,用于测试。

2、在js中,创建一个空数组arr,用于保存选项的值。通过name获得input选项对象,使用each()方法遍历选项,将获得的值,通过push()方法存进数组中。

注意事项

“:checked”用于取得选中的选项对象。

var strgetSelectValue;

var getSelectValueMenbers=$("input[name='getSelectValue']:checked")each(function(j){

if(j>=0){

strgetSelectValue+=$(this)val()+","

}

});

注:所有复选框必须name 相同

php接受复选框里面的东西需要在复选框里面的name属性上面下功夫,代码如下:

1

2

3

<input type="checkbox" name="test[]" value="1" />A

<input type="checkbox" name="test[]" value="2" />B

<input type="checkbox" name="test[]" value="3" />C

这样去写,很显然,这里的name属性的值都是test[];这样的话它就会以数组的形式给传到php端。直接打印就可以看出来了。

你直接$("input['name=userCompetence1']")attr("checked",false);就行了,这里不必用each,可以一次搞定

也不要用remove这个办法,因为这个属性是它本身特有的,移除掉你怎么能再次选中,而是要改变它的值, false 就行了

以上就是关于js获取复选框状态全部的内容,包括:js获取复选框状态、jquery取出复选框中的值采用解块的方法、在js中怎么获取所有被选中的复选框等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/10157590.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存