您当前的位置:首页 > 互联网教程

怎么获取checkbox选中状态方法

发布时间:2025-05-22 01:07:04    发布人:远客网络

怎么获取checkbox选中状态方法

一、怎么获取checkbox选中状态方法

1、(1)input的checked是一个html属性,checked的值没有意义,只不过各个版本对HTML的属性值写法规定不同才有了

2、checked="value"这种写法,只要有checked就表示页面在加载的时候checkbox被选中,没有写就页面加载的时候checkbox

3、(2)同一个页面中用js获取checkbox是否选中:document.getElementById("checkboxId").checked

4、中在提交时,浏览器会把选中的CheckBox的Value值,添加到一个String数组当中。在Servlet(jsp)中用 String[]

5、request.getParameterValues("CheckBox的名字");就能可到所有被选择的CheckBox值,如果没有选择则数

二、如何使用javascript来设置checkbox的选中状态

1、代码如下:

var obj= document.getElementById("tt");

2、var obj= document.getElementById("tt");

3、alert(value);//若选中,则返回true,否则返回false

4、obj.checked= false;//设置复选框为不选中状态

5、JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

三、js 获取form中所有name相同的checkbox

声明是我复制粘贴来的(只要帮助你就好了)

通常采用JAVASCRIPT实现页面全选的,主要有下面三种情况:

1、当前页面中所有的CHECKBOX全部选中及取消。

2、当前页面中所有同名的CHECKBOX全部选中。

3、当前页面中所有具有相同前缀名的CHECKBOX全部选中。

这里以实例的形式,展示了三种情况的操作,完整源代码如下:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>全选示例</title>

<form action="" method="post" name="loginForm">

/********************全选示例********************/<br>

<b>水果(checkbox同名):</b><br>

<input type="checkbox" name="fruit" value="1">苹果<br>

<input type="checkbox" name="fruit" value="2">梨<br>

<input type="checkbox" name="fruit" value="3">桃<br>

<input type=button value="全选水果" onclick="checkAllFruit()">

<input type=button value="取消全选水果" onclick="unCheckAllFruit()"><br>

<b>蔬菜:</b><br>

<input type="checkbox" name="vegetable" value="4">大白菜<br>

<input type="checkbox" name="vegetable" value="5">西红柿<br>

<b>水果2(checkbox不同名,具有相同的前缀名):</b><br>

<input type="checkbox" name="_fruit1" value="6">苹果<br>

<input type="checkbox" name="_fruit2" value="7">梨<br>

<input type="checkbox" name="_fruit3" value="8">桃<br>

<input type=button value="全选水果2" onclick="checkAllFruit2()">

<input type=button value="取消全选水果2" onclick="unCheckAllFruit2()"><br>

<input type="checkbox" name="vegetable" onclick="doChangeCheckStatus(this);">全选

<input type=button value="所有全选" onclick="checkAll()">

<input type=button value="取消所有全选" onclick="unCheckAll()">

<Script language="JavaScript">...

var objs= document.getElementsByTagName("input");

for(var i=0; i<objs.length; i++)...{

if(objs[i].type.toLowerCase()=="checkbox")

var objs= document.getElementsByTagName("input");

for(var i=0; i<objs.length; i++)...{

if(objs[i].type.toLowerCase()=="checkbox")

if(objs[i].name.toLowerCase()=="fruit")

var objs= document.getElementsByTagName("input");

for(var i=0; i<objs.length; i++)...{

if(objs[i].type.toLowerCase()=="checkbox")

if(objs[i].name.toLowerCase().substring(0,6)=="_fruit")

var objs= document.getElementsByTagName("input");

for(var i=0; i<objs.length; i++)...{

if(objs[i].type.toLowerCase()=="checkbox")

var objs= document.getElementsByTagName("input");

for(var i=0; i<objs.length; i++)...{

if(objs[i].type.toLowerCase()=="checkbox")

if(objs[i].name.toLowerCase()=="fruit")

var objs= document.getElementsByTagName("input");

for(var i=0; i<objs.length; i++)...{

if(objs[i].type.toLowerCase()=="checkbox")

if(objs[i].name.toLowerCase().substring(0,6)=="_fruit")

function doChangeCheckStatus(obj)