導航:首頁 > 編程語言 > 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判斷復選框是否選中相關的資料

熱點內容
魔客吧傳奇網站模板 瀏覽:365
一段代碼解決html多瀏覽器兼容 瀏覽:803
淘車大師app官方下載 瀏覽:953
win10系統怎麼能找回桌面文件 瀏覽:423
換主板怎麼裝驅動程序 瀏覽:563
宜搜小說舊版本 瀏覽:310
win10凈網大師 瀏覽:262
蘋果5s移動網路設置 瀏覽:680
主文件名的格式 瀏覽:336
如何找吃的app 瀏覽:11
js判斷跳轉前的頁面地址 瀏覽:555
qq瀏覽器儲存密碼 瀏覽:309
網站字體陰影特效代碼 瀏覽:187
g10刀軌銑內腔該如何編程 瀏覽:295
泰劇用哪個app 瀏覽:503
iphone4豆瓣fm 瀏覽:921
錘子的數據轉移都轉移什麼 瀏覽:230
iphone4開機提示連接itunes 瀏覽:359
蘋果的風扇app怎麼下載 瀏覽:161
仙劍歷代發行版本 瀏覽:266

友情鏈接