① 如何使用javascript來設置checkbox的選中狀態
1、定義一個checkbox節點<input type='checkbox' id='iptchk'/>;
2、根據id獲取checkbox節點var chk = document.getElementById('iptchk');//通過getElementById獲取節點;
3、通過checked設置為回true,變checkbox為選中狀態答chk.checked = true;//設置checked為選中狀態。
② js的問題 我想實現復選框的 全選 或者全不選的功能, 表單中有其他的表單,所以不能用getElementByName()
表單中的元素是可以使用相同的name的,比如
<input name=abc type=checkbox value="1" checked />
<input name=abc type=checkbox value="2" />
<input name=abc type=checkbox value="3" checked />
<input name=abc type=checkbox value="4" />
這四個復選框有相同的name即abc,其中第1個和第3個是默認選中的。那麼當這個表單提交後,後台獲取的這個abc欄位的值將是"1, 3",從中你就能看出是哪個復選框選中了。也就是說,只要給相同name的元素設置不同的value,提交後通過分解字元串就能獲得數據。比方說你可以給復選框的value設置為資料庫記錄的ID值啊,這樣提交後後台程序就很容易知道究竟是哪幾條記錄被選中了!因此,利用這種給同一類型表單元素設置相同name的方法,同一表單實際上可以實現一次性提交成百上千行數據(當然這里不考慮效率因素)的目的!
③ 怎樣用JS判斷復選框的值是否為空
js應該這樣寫:
var objs=document.getElementsByName('cj');
var isSel=false;//判斷是否有選中項,默認為無
for(var i=0;i<objs.length;i++)
{
if(objs[i].checked==true)
{
isSel=true;
break;
}
}
if(isSel==false)
{
alert("請選版擇科權目!");
return false;
}else
{
return true;
}
④ js怎麼取得name=checkbox[]的復選框選中個數
var inputs = document.getElementsByName("cb[]");
var checked_counts = 0;
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){
checked_counts++;
}
}
alert(checked_counts);
JS的使用方法
1.JS中的字元與字元相連接使用+號.
2.JS中的比較操作符有:==等於,!=不等於,>,>=,<.<=
3.JS中聲明變數使用:var來進行聲明
4.JS中的判斷語句結構:if(condition){}else{}
5.JS中的循環結構:for([initial expression];[condition];[upadte expression]) {inside loop}
6.循環中止的命令是:break
7.JS中的函數定義:function functionName([parameter],...){statement[s]}
8.當文件中出現多個form表單時.可以用document.forms[0],document.forms[1]來代替.
9.窗口:打開窗口window.open(), 關閉一個窗口:window.close(), 窗口本身:self
10.狀態欄的設置:window.status="字元";
11.JS中的取字元串長度是:(length)
⑤ js為input 設置checkbox元素屬性並設為選中狀態
推薦使用兼容瀏覽器方式。
⑥ 如何用js讀取復選框的值
思路:首先利用name屬性值獲取checkbox對象,然後循環判斷checked屬性:如果為true表示被選中,false則表示未選中。
實例演示如下:
1、HTML結構
<inputtype="checkbox"name="test"value="1"/><span>1</span>
<inputtype="checkbox"name="test"value="2"/><span>2</span>
<inputtype="checkbox"name="test"value="3"/><span>3</span>
<inputtype="checkbox"name="test"value="4"/><span>4</span>
<inputtype="checkbox"name="test"value="5"/><span>5</span>
<inputtype='button'value='提交'onclick="fun()"/>
2、javascript代碼
functionfun(){
obj=document.getElementsByName("test");
check_val=[];
for(kinobj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}
3、演示效果