Axure 表格选中和取消选中

如上图所示，我们要做的效果：

（1）当勾选某一项时，灰色的复选框变为蓝色，取消勾选时，蓝色变为灰色；

（2）当我勾选了一个之后，再勾选下一个，之前的还是要维持选中状态；同理取消选中也是一样的。

设计：

（1）为了保持选中或者取消选中状态，我们在中继器数据表增加一列IsSelected选项，用于判断该选项是否是选中或者没选中状态。

（2）设置复选框“选中”状态

（3）增加一个触发事件，用于判断is_select项是否选中，选中则设置该列复选框为选中状态，否则设置为未选中状态

（4）增加中继器的交互事件“每项加载时”

至此就完成了表格的选中和取消选中效果。

Axure 表格选中和取消选中相关推荐

html单选按钮选中后取消选中,jquery实现单选按钮选中与取消选中
单选按钮的选中与取消选中,是元素自带的属性checked来实现的一般情况下: $("#updateApplyForSmsNotification [name='applyForSmsNot ...
jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等一.checked属性定义先了解下input标签的checked属性: 1.HTML &l ...
通过js控制layui选择框checkbox的选中、取消选中，以及使用layui实现全选、取消全选的一种方式
js控制选中.取消选中 ,layui实现全选.取消全选 layui版本2.5.x html部分: <form class="layui-form" id="form ...
checkbox选中和不选中 jqu_jQuery教程之jQuery checkbox（选中和取消选中事件on)
本篇教程介绍了jQuery教程之jQuery checkbox(选中和取消选中事件on),希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < $("#btn_ ...
java 单选框取消选中,radio(单选框)反复选中与取消选中
做个记录,以便需要拿取 $(function(){ 第一种 $('input:radio').click(function(){ //alert(this.checked); // var domNa ...
案例：全部选中全部取消选中
案例说明: 1.选中全选框,底下的子选择框全部选中. 2.取消选中全选框,底下的子选择框全部取消选中. 3.子选择框全部选中,全选框自动选中,如果有一个子选择框取消选中,则取消全选框选中. . < ...
excel checkbox mysql_ajax – checkbox – 使用jquery和mysql选中或取消选中
例如,您可以这样做: 首先,您必须查看是否选中了复选框: $("#yourSelector").live("click", function(){ var id ...
jQuery处理点击父级checkbox所有子级checkbox都选中，取消选中所有子级checkbox都取消...
注意,每个foreach标签内部都加一个div用来区分各个层次关系,模板代码如下: <foreach name='node' item='v'><div class='a' alig ...
elementUI checkbox选中与取消选中
<template><el-checkbox :indeterminate="isIndeterminate" v-model="checkAll&qu ...

Axure 表格选中和取消选中

Axure 表格选中和取消选中相关推荐

最新文章

热门文章