導航:首頁 > 編程語言 > js判斷復選框是否選中

js判斷復選框是否選中

發布時間:2024-10-19 00:18:02

① 如何使用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);

(4)js判斷復選框是否選中擴展閱讀:

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、演示效果

閱讀全文

與js判斷復選框是否選中相關的資料

熱點內容
起點app是什麼顏色的 瀏覽:533
u盤文件大了怎麼辦 瀏覽:607
elastic支持哪些編程語言 瀏覽:937
騎樂無比最新版本下載 瀏覽:453
stm32兩個程序合並 瀏覽:918
資料庫有哪些實用 瀏覽:404
魅族手機里哪些文件可以拆除 瀏覽:616
如何查看一隻股票過去的數據 瀏覽:870
2個visio如何合成一個文件 瀏覽:690
忘記wifi名和密碼怎麼辦 瀏覽:460
matlab文件如何運行 瀏覽:394
win10中怎麼樣打開注冊表 瀏覽:343
如何用文件 瀏覽:531
某文件系統採用索引文件結構 瀏覽:989
百度瀏覽網站總是無法顯示怎麼辦 瀏覽:449
如何查oracle資料庫連接數 瀏覽:333
qq分組5個分組青春女 瀏覽:826
appstore充值卡住不動 瀏覽:661
交通設施投標文件都有哪些 瀏覽:566
ug80入門教程 瀏覽:707

友情鏈接