多選框向後台傳值,多選框的回顯,對多選框的各種操作

2022-09-02 03:09:11 字數 2727 閱讀 1220

1.多選框的回顯:

js:$(

function();//獲取多選框需要回顯得對應的值集合

console.info("checkarray=",checkarray);

for(var i=0;i2.多選框往後台傳值接收:

request.getparametervalues("c1");他返回的是乙個string,其中c1是多選框的name,由於多選框name是一樣的,所以可以獲取到所有選中的多選框的值
//注意: 操作checkbox的checked,disabled屬性時jquery1.6以前版本用attr,1.6以上(包含)建議用prop

2 3 //1、根據id獲取checkbox

4 $("#cbcheckbox1");

5 6 //2、獲取所有的checkbox

7 $("input[type='checkbox']");//or

8 $("input[name='cb']");

9 10 //3、獲取所有選中的checkbox

11 $("input:checkbox:checked");//or

12 $("input:[type='checkbox']:checked");//or

13 $("input[type='checkbox']:checked");//or

14 $("input:[name='ck']:checked");

15 16 //4、獲取checkbox值

17 //用.val()即可,比如:

18 $("#cbcheckbox1").val();

19 20

21 //5、獲取多個選中的checkbox值

22 var vals = ;

23 $('input:checkbox:checked').each(function (index, item) );

26

27 //6、判斷checkbox是否選中(jquery 1.6以前版本 用 $(this).attr("checked"))

28 $("#cbcheckbox1").click(function () else

34 });

35 36 //7、設定checkbox為選中狀態

37 $('input:checkbox').attr("checked", 'checked');//or

38 $('input:checkbox').attr("checked", true);

39 40 //8、設定checkbox為不選中狀態

41 $('input:checkbox').attr("checked", '');//or

42 $('input:checkbox').attr("checked", false);

43 44 //9、設定checkbox為禁用狀態(jquery<1.6用attr,jquery>=1.6建議用prop)

45 $("input[type='checkbox']").attr("disabled", "disabled");//or

46 $("input[type='checkbox']").attr("disabled", true);//or

47 $("input[type='checkbox']").prop("disabled", true);//or

48 $("input[type='checkbox']").prop("disabled", "disabled");

49 50 //10、設定checkbox為啟用狀態(jquery<1.6用attr,jquery>=1.6建議用prop)

51 $("input[type='checkbox']").removeattr("disabled");//or

52 $("input[type='checkbox']").attr("disabled", false);//or

53 $("input[type='checkbox']").prop("disabled", "");//or

54 $("input[type='checkbox']").prop("disabled", false);

1 

2 36 79 10 11 12 13 14

15 16

17

18 19

20 21

2223

html

check1  

check2  

check3  

check4  

獲取選中的checkbox的val,並合成為乙個字串以逗號隔開。
function getthecheckboxvalue())  

checkboxvalue = checkboxvalue.substring(0,checkboxvalue.length-1);  

}設定獲取到的值給checkbox賦值

function setthecheckboxvalue()  

})  

}  }  

多選框向後台傳值,多選框的回顯,對多選框的各種操作

1.多選框的回顯 js function 獲取多選框需要回顯得對應的值集合 console.info checkarray checkarray for var i 0 i 獲取所有核取方塊物件的value屬性,然後,用checkarray i 和他們匹配,如果有,則說明他應被選中 each che...

後台載入Ext 的多選框

var store new ext.data.store reader new ext.data.jsonreader store.load load store.on load function var columnum 3 設定checkbox的列數,預設是3 if columnum 3 如果c...

關於PHP checkbox 多選框的傳值與獲取

method post 設定提交表單的方法post 愛好 type checkbox name checkbox value 唱 唱label type checkbox name checkbox value 跳 跳label type checkbox name checkbox value r...