当前位置:Gxlcms > JavaScript > phpcms后台全选和全不选如何实现?(附代码)

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

时间:2021-07-01 10:21:17 帮助过:20人阅读

本篇文章给大家带来的内容是关于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后台全选和全不选如何实现?(附代码)的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行