首页 >web前端 >js教程 >phpcms后台全选和全不选如何实现?(附代码)

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

不言
不言原创
2018-08-22 16:53:211960浏览

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