首頁 > web前端 > js教程 > phpcms後台全選和全不選如何實作?(附程式碼)

phpcms後台全選和全不選如何實作?(附程式碼)

不言
發布: 2018-08-22 16:53:21
原創
2074 人瀏覽過

這篇文章帶給大家的內容是關於phpcms後台全選和全不選如何實現?(附代碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

html程式碼

1

2

3

4

5

6

7

//标题里面的复选框

<th width="5%"><input value="" id="check_box" onclick="selectallForAuditions(&#39;ids[]&#39;);" type="checkbox"/></th>

 

//值里面的复选框

<td align="center">

    <input id="course_<?php echo $r[&#39;id&#39;]; ?>" class="inputcheckbox" onclick="chooseCourse(<?php echo $r[&#39;id&#39;]; ?>)" name="ids[]" value="<?php echo $r[&#39;id&#39;]; ?>" type="checkbox">

</td>

登入後複製

jquery的程式碼

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

function selectallForAuditions(name) {

    if ($("#check_box").attr("checked")==&#39;checked&#39;) {

        $("input[name=&#39;"+name+"&#39;]").each(function() {

            //全选jq代码

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

            chooseAllCourse($(this).val());

        });

    } else {

        $("input[name=&#39;"+name+"&#39;]").each(function() {

            //都不选jq的代码

            $(this).removeAttr("checked");

        });

    }

}

 

 

//全选课程

    function chooseAllCourse(courseId) {

        var strKeyName = auditions + "_courseId_" + courseId;

        localStorage.setItem(strKeyName, courseId);

        getCourse();

    }

登入後複製

 相關建議:

phpcms安裝完成後總是跳到install/install. php,phpcms安裝

PHPCMS建置wap手機網站,phpcms搭建wap

以上是phpcms後台全選和全不選如何實作?(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
如何解除安裝phpcms
來自於 1970-01-01 08:00:00
0
0
0
phpcms 無法安裝
來自於 1970-01-01 08:00:00
0
0
0
phpcms訪問位址不存在
來自於 1970-01-01 08:00:00
0
0
0
phpcms後台登陸不了怎麼辦
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板