Rumah >hujung hadapan web >tutorial js >phpcms后台全选和全不选如何实现?(附代码)

phpcms后台全选和全不选如何实现?(附代码)

不言
不言asal
2018-08-22 16:53:211946semak imbas

本篇文章给大家带来的内容是关于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

Atas ialah kandungan terperinci phpcms后台全选和全不选如何实现?(附代码). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn