欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-06 20:39:11
...

本篇文章给大家带来的内容是关于phpcms后台全选和全不选如何实现?(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

html代码

//标题里面的复选框
<th width="5%"><input value="" id="check_box" onclick="selectallForAuditions('ids[]');" type="checkbox"/></th>

//值里面的复选框
<td align="center">
    <input id="course_<?php echo $r['id']; ?>" class="inputcheckbox" onclick="chooseCourse(<?php echo $r['id']; ?>)" name="ids[]" value="<?php echo $r['id']; ?>" type="checkbox">
</td>

jquery的代码

function selectallForAuditions(name) {
    if ($("#check_box").attr("checked")=='checked') {
        $("input[name='"+name+"']").each(function() {
            //全选jq代码
            $(this).prop("checked","checked");
            chooseAllCourse($(this).val());
        });
    } else {
        $("input[name='"+name+"']").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后台全选和全不选如何实现?(附代码)的详细内容,更多请关注其它相关文章!

相关标签: phpcms