jscheckbox

⑴ js中怎么获取checkbox选中的值

js中获取checkbox选中的值的方法：
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+",";
}
}
if(chestr == "")
{
alert("请先选择一个爱好");
}
else
{
alert("先择的是："+chestr);
}
}
</script>

选择爱好：
<input type="checkbox" name="box" id="box1" value="跳水" />跳水
<input type="checkbox" name="box" id="box2" value="跑步" />跑步
<input type="checkbox" name="box" id="box3" value="听音乐" />听音乐
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />

⑵ js实现checkbox全选、不选与反选的方法

本文实例讲述了js实现checkbox全选、不选与反选的方法。分享给大家供大家参考。具体分析如下：
一、思路：
1.
获取元素
2.
给全选
不选
反选添加点击事件
3.
用for循环checkbox
4.
把checkbox的checked设置为true即实现全选
5.
把checkbox的checked设置为false即实现不选
6.
通过if判断，如果checked为true选中状态的，就把checked设为false不选状态，如果checked为false不选状态的，就把checked设为true选中状态。
二、html代码：
<input
type="button"
value="全选"
id="sele"/>
<input
type="button"
value="不选"
id="setinterval"/>
<input
type="button"
value="反选"
id="clear"/>
<div
id="checkboxs">
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
</div>
三、js代码：
<script>
window.onload=function(){
var
sele=document.getElementById('sele');//获取全选
var
unsele=document.getElementById('setinterval');//获取不选
var
clear=document.getElementById('clear');//获取反选
var
checkbox=document.getElementById('checkboxs');//获取div
var
checked=checkbox.getElementsByTagName('input');//获取div下的input
//全选
sele.onclick=function(){
for(i=0;i<checked.length;i++){
checked[i].checked=true
}
}
//不选
unsele.onclick=function(){
for(i=0;i<checked.length;i++){
checked[i].checked=false
}
}
//反选
clear.onclick=function(){
for(i=0;i<checked.length;i++){
if(checked[i].checked==true){
checked[i].checked=false
}
else{
checked[i].checked=true
}
}
}
}
</script>
希望本文所述对大家的javascript程序设计有所帮助。

⑶ js中如何使复选框永不被选中

复选框是checkbox。 如果希望checkbox永远不被选中，最少有2中方法：

用CSS给checkbox添加disabled属性。

input type="checkbox" disabled = "disabled" /

用javascript 给checkbox 设置disabled属性。

body

     input type="checkbox" disabled = "disabled" /

/body

script

document.getElementsByTagName('input')[0].disabled = 'disabled';

/script

用javascript判断checkbox是否点击，如果选中，就然它不选中就可以了

body

input type="checkbox" disabled = "disabled" /

/body

script

if(document.getElementsByTagName('input')[0].checked){

     document.getElementsByTagName('input')[0].checked = false;

}

/script

⑷ 如何用JS控制复选框选中，element.checked

1、定义来一个checkbox节点自
1
<input type='checkbox' id='iptchk'/>
2、根据id获取checkbox节点
1
var chk = document.getElementById('iptchk');//通过getElementById获取节点
3、通过checked设置为true，变checkbox为选中状态
1
chk.checked = true;//设置checked为选中状态

⑸ 在js中怎样获得checkbox里选中的多个值

利用来name属性值获取checkbox对象，然后循自环判断checked属性，true表示被选中，false表示未选中。

1、HTML结构：

二、后台获得参数为：

//获得的均为数组值：

String checboxValues=request.getParameter("checboxValue")。

String checboxTexts=request.getParameter("checboxText")。

//得到每个具体值：

String checboxValue=checboxValues.split(",")。

String checboxText=checboxTexts.split(",")。