checkbox只可选择一个

<td>
    <c:if test="${wxmMsgLog.sendStatus != 1}"><input type="checkbox" value="${wxmMsgLog.id}" name="coverPic"
     οnclick="Onlyone(this)"></c:if>
     </td>
     function Onlyone(chk) {

     var obj = document.getElementsByName("coverPic");
     for (i = 0; i < obj.length; i++) {
     //判斷obj集合中的i元素是否為cb,若否則表示未被點選
     if (obj[i] != chk) obj[i].checked = false;
     //若要至少勾選一個的話,則把上面那行else拿掉,換用下面那行
     else obj[i].checked = true;
     }
     }       

 

 

     var obj = document.getElementsByName("coverPic");
         var coverPic;
         for (var i = 0; i < obj.length; i++) {
         if (obj[i].checked) { //判断复选框是否选中如果选中得到只是一个值
         coverPic = obj[i].value;
         }
         }
         if (coverPic == undefined) {
         //如果没有选中设为封面的 默认为第一个
         coverPic = wxmMsgLogIds.substring(0, 1);
         }

 

 

 

   

转载于:https://www.cnblogs.com/yaoyao66123/p/4318128.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的示例,展示如何使用Vue组件封装一个可自由选择展示列的表格。 ```html <template> <div> <div class="columns"> <label v-for="col in columns" :key="col"> <input type="checkbox" v-model="selectedColumns" :value="col"> {{ col }} </label> </div> <table> <thead> <tr> <th v-for="col in selectedColumns">{{ col }}</th> </tr> </thead> <tbody> <tr v-for="row in rows" :key="row.id"> <td v-for="col in selectedColumns">{{ row[col.toLowerCase()] }}</td> </tr> </tbody> </table> </div> </template> <script> export default { props: { columns: { type: Array, required: true }, rows: { type: Array, required: true } }, data() { return { selectedColumns: this.columns.slice() } } } </script> ``` 在这个组件中,我们传递了两个props:columns和rows。columns是一个字符串数组,表示表格的列名;rows是一个对象数组,每个对象表示一行数据。 组件中的data包含一个selectedColumns数组,它被初始化为columns数组的一个拷贝。selectedColumns是用来保存用户选择的列名的数组。在组件中,我们使用v-model指令将每个列名的复选框与selectedColumns数组中的相应项绑定。 在表格中,我们使用v-for指令渲染列名和每行数据。在渲染列名时,我们只渲染selectedColumns数组中包含的列。在渲染每行数据时,我们只渲染selectedColumns数组中包含的列的数据。注意,我们将列名转换为小写,以便在行数据对象中找到相应的属性。 这个组件还有很多可以改进的地方,比如:添加排序、搜索和分页等功能。但是,它展示了如何使用Vue组件封装一个可自由选择展示列的表格。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值