頁面中公用的全選按鈕,單選按鈕元件的編寫

2022-05-04 15:27:09 字數 1319 閱讀 2699

相應的js**為:

var checkall = $("[data-checkbox-checkall]");

//遍歷處理每一組的情況

checkall.each(function(){

var groupname = $(this).attr("data-checkbox-group");

startcheck(groupname);

function startcheck(groupname){

//所有的該組元素

var allcheckbox = $("[data-checkbox-group='"+groupname+"']");

var onecheck = allcheckbox.filter("[data-checkbox-checkall]");

var othercheckbox = allcheckbox.not("[data-checkbox-checkall]");

onecheck.click(function(){

othercheckbox.prop("checked", this.checked );

othercheckbox.click(function(){

onecheck.prop('checked',othercheckbox.length==othercheckbox.filter(':checked').length);

(七)全選按鈕和單選按鈕

(1)給改組的元素上面加上加上 data-checkbox-group="one" 屬性(注意不同的組的data-checkbox-group="**",要設定不一樣; 比如 one two 之類的;)

(2)給全選的按鈕上加上 data-checkbox-checkall

第一組:    

data-checkbox-group="two" data-checkbox-checkall/>第二組全選/單選

data-checkbox-group="two"/>

data-checkbox-group="two"/>

data-checkbox-group="two"/>

data-checkbox-group="two"/>

第二組:

data-checkbox-group="three" data-checkbox-checkall/>第三組全選

data-checkbox-group="three"/>

data-checkbox-group="three"/>

data-checkbox-group="three"/>

data-checkbox-group="three"/>

C 單選按鈕和組控制項

3.8 單選按鈕 radiobutton 和 groupbox 控制項 radiobutton 是 單 選 按 鈕 控 件 多 個 radiobutton 控 件 可 以 為 一 組 這 一 組 內 的 radiobutton 控制項只能有乙個被選中。groupbox控制項是乙個容器類控制項,在其內...

php表單中如何獲取單選按鈕與複選按鈕的值

php 中獲取表單中單選按鈕的值 單選按鈕只能讓我們選擇乙個,這裡有乙個 checked 屬性,這是用來預設選取的,我們每次重新整理我們的頁面時就預設為這個值。例 echo 您的選擇是 echo post 如果你選擇的是男,則出來的值就是 男 要是你選擇的是女,則出來的值就是 女 php 中獲取核取...

Qt的Radio Button 單選按鈕

1 在ui介面中加入控制項 2 對qradiobutton控制項進行分組 qradiobutton的分組有多重方法,如採用組合框 qwidge等,下面介紹採用qbuttongroup方法來實現分組,好處是不影響qradiobutton在介面上的顯示 組合框分組方式會在介面上出現組合框,要以自己的需要...