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

熱點內容
ps入門必備文件 瀏覽:348
以前的相親網站怎麼沒有了 瀏覽:15
蘋果6耳機聽歌有滋滋聲 瀏覽:768
怎麼徹底刪除linux文件 瀏覽:379
編程中字體的顏色是什麼意思 瀏覽:534
網站關鍵詞多少個字元 瀏覽:917
匯川am系列用什麼編程 瀏覽:41
筆記本win10我的電腦在哪裡打開攝像頭 瀏覽:827
醫院單位基本工資去哪個app查詢 瀏覽:18
css源碼應該用什麼文件 瀏覽:915
編程ts是什麼意思呢 瀏覽:509
c盤cad佔用空間的文件 瀏覽:89
不銹鋼大小頭模具如何編程 瀏覽:972
什麼格式的配置文件比較主流 瀏覽:984
增加目錄word 瀏覽:5
提取不相鄰兩列數據如何做圖表 瀏覽:45
r9s支持的網路制式 瀏覽:633
什麼是提交事務的編程 瀏覽:237
win10打字卡住 瀏覽:774
linux普通用戶關機 瀏覽:114

友情鏈接