jQuery-checkbox

最新推荐文章于 2018-02-25 05:43:52 发布

cgl_zyw

最新推荐文章于 2018-02-25 05:43:52 发布

阅读量314

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/cgl_zyw/article/details/72974656

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.需求描述
做权限管理的时候需要满足用户对于权限的动态编辑，所以要用到input type=”checkbox”,下面总结一下用法和遇到的问题及解决办法。
2.代码

<form>
    <label>
        <input type="checkbox"/>导入员工基本信息</label>
    <label>
        <input type="checkbox"/>审核员工基本信息</label>
    <label>
        <input type="checkbox"/>岗位设置</label>
    <label>
        <input type="checkbox"/>添加制度</label>
    <label>
        <input type="checkbox"/>导入考核信息</label>
    <label>
        <input type="checkbox"/>修改考核信息</label>
    <label>
        <input type="checkbox"/>制定测评参数</label>
    <label>
        <input type="checkbox"/>制定测评人名单</label>
    <label>
        <input type="checkbox"/>制定被测评人名单</label>
    <label>
        <input type="checkbox"/>生成测评结果</label>
    <label>
        <input type="checkbox"/>上传责任追究表</label>
    <label>
        <input type="checkbox"/>上传奖励信息表</label>
    <label>
        <input type="checkbox"/>权限管理</label>
</form>

3.总结的一些方法
a.判断是否选中

var input = $("form input");
        if (input.eq(0).is(':checked')) {
            right.import_staff_info = 1;
        }
        else {
            right.import_staff_info = 0;
        }

b.选中或者不选中

 var input = $("form input");
                if (right.import_staff_info == 1) {
                    input.eq(0).prop("checked", true);
                }
                else {
                    input.eq(0).prop("checked", false);
                }

c.有一个特别需要注意的是，对于选中的操作其实也可以用诸如
input.eq(0).attr(“checked”,”true”);来完成，但是用了几遍以后会失灵，也有可能和浏览器有关，还是推荐用prop()方法。