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>&nbsp; <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")) {    // 判断选择框是否已选择
				//选中后要实现什么就写在这里面
                             }
}
Logo

前往低代码交流专区

更多推荐