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

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

不言
不言原創
2018-08-22 16:53:211959瀏覽

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

html程式碼

//标题里面的复选框
<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的程式碼

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