复选框选中不选中问题

Question

问题是这样的
当我选中图片 后面的不限，图片说明，摄影供图才会可选择
当我选择了图片，选择不限，图片说明的，然后我把图片不选中，我在js控制了当不选中的时候对应的那三个也不选中，但是当我选泽其他的比如文章的时候上面的不限，图片说明又选择了

$('#ImgInput').click(function(){
            if($(this).prop("checked")){
                $('#locationImg input').attr('disabled',false)
            }else{
                $('#locationImg input').attr('disabled',true)
                for (var i = 0; i < $("input[name='e']:checkbox").length; i++) {
                    $("input[name='e']:checkbox").eq(i).attr('checked',false)
                }
            }
        })

<div class="col-lg-10 gj_more">
                                <span><input type="checkbox" id="ImgInput" v-model="location1" value="图册专题" :disabled="valueDisabled"><a>图片</a></span>
                                <span id="locationImg">
                                    <span><input type="checkbox" v-model="location_1" value="不限" disabled name="e" /><a>不限</a></span>
                                    <span><input type="checkbox" v-model="location_1" value="content_t" disabled name="e"  /><a>图片说明</a></span>
                                    <span><input type="checkbox" v-model="location_1" value="author_s" disabled name="e" /><a>摄影供图</a></span>
                                </span>
                            </div>

<div class="col-lg-10 gj_more">
                                <span><input type="checkbox" id="articleInput" v-model="location2" value="文章" :disabled="valueDisabled"><a>文章</a></span>
                                <span id="articleLocation">
                                    <span><input type="checkbox" v-model="location_2" value="不限" disabled name="d"  /><a>不限</a></span>
                                    <span><input type="checkbox" v-model="location_2" value="标题" disabled name="d"  /><a>标题</a></span>
                                    <span><input type="checkbox" v-model="location_2" value="作者/单位" disabled name="d"  /><a>作者/单位</a></span>
                                    <span><input type="checkbox" v-model="location_2" value="正文" disabled name="d"  /><a>正文</a></span>
                               </span>
                            </div>

在线急等。谢谢

Answer 1

咋有 v-model 又有 jquery 呢？难搞哦。

先说说你里面都有什么问题

1. checked 不应该用 attr。因为他不是属性是状态。
2. 获取到checked之后其实不用遍历，直接操作就行了。jquery会自己遍历
3. disbaled同理，也不应该用 attr
4. 然后就是jquery和vue混用的问题了。有时候通过js设置值，是无法监听到的。