vue checkbox全选多选获得选中的值代码

代码语言:html

所属分类:表单美化

代码描述:vue checkbox全选多选获得选中的值代码

代码标签: 多选 获得 中的

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
<style>
    body{
        background: white;
    }
</style>


</head>

<body translate="no">



    <div id="app">
        <h4>Order</h4>
        <div>
            total: {{ totalOrderMoney }}
            <table>
                <tr>
                    <th><input type="checkbox" v-model="selectAll"></th>
                    <th align="middle">全选</th>  <th align="left" @click="unselecct">全不选</th>
                </tr>
                <tr v-for="orderItem in billData">
                    <td>
                        <input type="checkbox" v-model="selected" :value="orderItem" number>
                    </td>
                    <td>{{ orderItem.productname }}</td>
                    
                     <td>{{ orderItem.saleprice }}元</td>
                </tr>
            </table>
        </div>
        {{selected}}

        <!--{{ billData }}-->
    </div>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></sc.........完整代码请登录后点击上方下载按钮下载查看

网友评论0