本文目錄一覽:
- 1、如何用JS控制複選框選中,element.checked
- 2、js判斷複選框是否選中及選中個數
- 3、一個用JS對複選框進行控制的問題
- 4、js的問題 我想實現複選框的 全選 或者全不選的功能, 表單中有其他的表單,所以不能用getElementByName()
- 5、關於JS中複選框全部選定和全部取消的問題
如何用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判斷複選框是否選中及選中個數
用,以前經常有朋友提到複選框的選中問題,這段代碼可以幫你解決這個問題,而且它還可以判斷你選擇了多少個複選框,多選則彈出提示HTMLheadtitle判斷複選框是否選中及選中個數/title
SCRIPT LANGUAGE=”JavaScript”
function countChoices(obj) {max = 2;box1 = obj.form.box1.checked;
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked;
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
if (count max) {
alert(“對不起,你只能選擇” + max + “個!”);
obj.checked = false;}}//–/scriptbodyform name=”form”
你喜歡的語言是(最多兩個): p
input type=checkbox name=box1 onClick=”countChoices(this)”ASP.NETp
一個用JS對複選框進行控制的問題
根據樓主的描述,可以這樣做的啊!首先要得到A、B、C、D、E、F六個對象,可以用document.getElementByID(“A”)得到對象,得到後可以用選擇語句if()控制複選框。具體的代碼我寫不出全,但是可以給出參考。scriptfunction select(){var a=document.getElementByID(“A”);var b=document.getElementByID(“B”);var c=document.getElementByID(“C”);var d=document.getElementByID(“D”);var e=document.getElementByID(“E”);var f=document.getElementByID(“F”);//1.選A和F時其他都不可選if(a被選中f被選中){//把其他的複選框設為不可選}//2.選B時不能選C,D,Eif(b被選中){//把c\d\e複選框設為不可選}//3.選C時不能選Dif(c被選中){//把d複選框設為不可選} }/script
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中複選框全部選定和全部取消的問題
你可以寫一個處理函數,你的複選框要是一個數組或有一定規律。然後啟遍歷這個數組或按你的規律遍歷每個複選框,注意在函數外初始化一個標誌變數,當他為真(或假)時遍歷時都增加 checked 屬性,為假(或真)時取消這個屬性就是了。具體的你會了吧,自己想想。
——————–
var flag=false;
function select_all(form)
{
flag = !flag;
for (var i=0;iform.elements.length;i++){
var e = form.elements[i];
e.checked = flag;
}
}
調用代碼:a href=”#” ” onClick=”select_all(form1)”全選/取消/a
注意:form1 參數為你的表單名字
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/150859.html