js代码里 多选框 如何写成选中状态?

JavaScript04

js代码里 多选框 如何写成选中状态?,第1张

获取到checkbox元素后,设置其checked属性为true或false来改变其选中状态。

<html>

<head>

<script type="text/javascript">

function check()

{

//根据ID获取checkbox元素 设置其checked属性为true 选中

document.getElementById("myCheck").checked=true

}

function uncheck()

{

//根据ID获取checkbox元素 设置其checked属性为false 取消选中

document.getElementById("myCheck").checked=false

}

</script>

</head>

<body>

<form>

<input type="checkbox" id="myCheck" />

<input type="button" onclick="check()" value="选定复选框" />

<input type="button" onclick="uncheck()" value="取消选定复选框" />

</form>

</body>

</html>

CheckBox复选框JS实现全选全不选功能,很简单,就只需插入一小段js函数就行了。。。

<script language="javascript">

  function cli(Obj)

  {

  //获取控制其它复选框的对象obj

  var collid = document.getElementByIdx_x("all")

  //获取需要全选,全不选功能的所有复选框

  var coll = document.getElementsByName(Obj)

  //如果obj被选中,则全选

  if (collid.checked){

     //循环设置所有复选框为选中状态

     for(var i = 0 i < coll.length i++)

       coll[i].checked = true

  }else{//取消obj选中状态,则全不选

     //循环设置所有复选框为未选中状态

     for(var i = 0 i < coll.length i++)

       coll[i].checked = false

  }

  }

  </script>

----------------------------------------------------

下面是一组CheckBox复选框html代码

----------------------------------------------------

<input name='多选项名称' type='checkbox' value='' id="all"  onclick="cli('多选项名称')">  全选

<input name='多选项名称' type='checkbox' value='' >  A

<input name='多选项名称' type='checkbox' value='' >  B

<input name='多选项名称' type='checkbox' value='' >  C

<input name='多选项名称' type='checkbox' value='' >  D

<input name='多选项名称' type='checkbox' value='' >  E

<input name='多选项名称' type='checkbox' value='' >  F

----------------------------------------------------

你说的多项选择题,我是不是可以理解成多选??

多选的实现是这样的:

第一: 必须将多选框放到form里面。

第二: 然后name属性完全一样,value不相同。这样当你提交到Action中的时候,只需要使用request对象获取toselect的值就行了。

第三: 获取值:request.getParameterValues("toselect"),就会将选中的多选框里面的value获取,并且返回一个String[]数组,这个数组里面就有你想要的值:即选中的值

<html>

<body>

<form>

<input type = "checkbox" value = "A" name = "toselect"/>A

<input type = "checkbox" value = "B" name = "toselect"/>B

<input type = "checkbox" value = "C" name = "toselect"/>C

<input type = "checkbox" value = "D" name = "toselect"/>D

</form>

</body>

</html>