如何使用bootstrap实现点击按钮增加或删除一行列表如果有更新更好啦,部分代码如下,页面如图

如何使用bootstrap实现点击按钮增加或删除一行列表如果有更新更好啦,部分代码如下,页面如图,第1张

//批量删除

function btn_del()

{

//使用getSelections即可获得,row是json格式的数据

var row = $('#test-table').bootstrapTable('getSelections')

if(row.length !=0)

{

var ids =""

for(var i=0i<row.lengthi++)

{

ids = ids +row[i].carid+","

}

alert(ids)

}

添加明细,你可以走一个保存,或者参考网页链接

按钮分为active和disabled两种状态、

激活状态:按钮呈现出被按压的外观,即背景颜色变深、深色边框和阴影。

禁用状态:按钮颜色会变淡 50%,并失去渐变

看具体的例子:

<body style="padding: 20pxwidth:500px">

<!-- 标准的按钮 -->

<button type="button" class="btn btn-default">默认按钮</button>

<button type="button" class="btn btn-default active">激活的默认按钮</button>

<br/><br/>

<!-- 提供额外的视觉效果,标识一组按钮中的原始动作 -->

<button type="button" class="btn btn-primary">原始按钮</button>

<button type="button" class="btn btn-primary active">激活的原始按钮</button>

<br/><br/>

<!-- 表示一个成功的或积极的动作 -->

<button type="button" class="btn btn-success">成功按钮</button>

<button type="button" class="btn btn-success active">激活的成功按钮</button>

<br/><br/>

<!-- 用于要d出信息的按钮 -->

<button type="button" class="btn btn-info">信息按钮</button>

<button type="button" class="btn btn-info active">激活的信息按钮</button>

<br/><br/>

<button type="button" class="btn btn-default">默认按钮</button>

<button type="button" class="btn btn-default disabled">禁用的默认按钮</button>

<br/><br/>

<!-- 提供额外的视觉效果,标识一组按钮中的原始动作 -->

<button type="button" class="btn btn-primary">原始按钮</button>

<button type="button" class="btn btn-primary disabled">禁用的原始按钮</button>

<br/><br/>

<!-- 表示一个成功的或积极的动作 -->

<button type="button" class="btn btn-success">成功按钮</button>

<button type="button" class="btn btn-success disabled">禁用的成功按钮</button>

<br/><br/>

<!-- 用于要d出信息的按钮 -->

<button type="button" class="btn btn-info">信息按钮</button>

<button type="button" class="btn btn-info disabled">禁用的信息按钮</button>

</body>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11482354.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存