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(",")。