vue中判断table 里面type=checkbox的是否选中属性及使用方法
vue中判断table 里面type=checkbox的是否选中属性及使用方法1、<thead><tr class="data-order" data-order="id" data-sort="1"><th class="order" data-o
·
vue中判断table 里面type=checkbox的是否选中属性及使用方法
<thead>
<tr class="data-order" data-order="id" data-sort="1">
<th class="order" data-order="">
<div class="drop-wrap">
<span><input type="checkbox" v-bind:checked="checked" @click="CheckedAll" </span> <ins></ins>
</div>
</th>
</tr>
</thead>
<tbody class="data-tbody" id="tbody">
<tr v-for="(item,index) in list ">
<td><input type="checkbox" v-bind:checked="checked" name="checked" v-bind:id="item.ID"></td>
</tr>
</tbody>
methods:{
CheckedAll() {
this.checked = !this.checked //选中切换
},
test()功能方法(即哪个按钮触发的方法)
var $checkbox = $('#tbody input[type="checkbox"][name="checked"]');//选择框
var $checked = $('#tbody input[type="checkbox"][name="checked"]:checked'); //已选择的框
if($checkbox.is(":checked")) { // 判断选择框是否已选择
//选中后要实现什么就写在这里面
}
}
更多推荐
已为社区贡献7条内容
所有评论(0)