checkbox属性和用法

大家好，我是米可爱分享在前期的视频中，我们介绍了如何搁 glare， glare 空间中的数据记录前加上一个切克 boss， 以实现勾选切克 boss 来标识。我当前的记录已经被选中， 但在我们数据量很小的时候，那么我们一条一条的勾选还是比较方便的。但是有时候会出现这种情况，就是说我们数据越来越多，或者是我想要一次性删除我当前页面的所有数据，那么一条的勾选就会显得麻烦。所以今天我们将介绍一个 如何通过一个切克 boss 来实现标识勾选，那么勾选这一个当前的全选切克 boss， 他就会选中下面所有的介入， 取消勾选全选这个这个 boss， 那么下面的所有记录都会被取消。切个 boss 的勾选 进入到我们的实际 pop 界面，我们可以先点击运行给大家看一下效果。就说我这边暂时有三条记录，通常情况下我们是单个勾选，但是有时候比方说我想一次性 全选就可以，这样我可以就可以通过全选的空间一次性全选，一次性取消全选， 相信在日常使用的时候还是很方便的。接下来我们来具体看一下我们这一个全小的空间是怎么实现的。当然如果大家之前没有接触到这么一个界面，可以看我前面的视频，关于实现多选记录，创建新类标识，是否选中 创建这么一个初始界面，这边的话我就不对这个原来的界面做初介绍，大家可以看到，首先我们要标识注意，我们的这个 boss 是绑定到 this 来，他们点一次出现这么一个属性，当前记录的属性上面的，因为我们这边全选就是通过这个全选敲个 boss 的轰 chex 事件来设置 他的记录，因为我们知道啊，就是说我们这边的这个 boss 是绑定到我们刚刚椅子 children is children 这么一个属性上面的，所以说我以我只要设置你的 children's too， 那么我他的状态就是勾选的，如果我设置他的椅子 children 是 false， 那么他就是没有勾选的。所以反过来 逻辑就是我们只要在我们全选的这个切克 boss 里面设置 ont check 是更新他的一个出问题处，那么我们这边关于批量更新我们集合中的数据，我们是通过 update 的意思， update 的话，第一个接受一个集合 代表的是你这个数据，你哪一个集合你要更新，那么你只要把集合的名字放在这边，然后恐惧性就是说 如果啊，你想要对里面满足什么样条件的数据进行更新，而我们这边的话，因为 products with select currents 我要更新的所有的，不管什么条件，所以我直接返回的是 too， 然后因为我要 on check， 那么是我要设置它的勾线是 too， 所以我设置它的是以确认是等于 too， 那么我们再看一下他的啊公安切克事件，那么逻辑时间我肯定要是更新所有的，然后我只要设置他自己的秋天是 force 就可以了，这样就可以通过这两个 通过这个全选切克 boss 的 on check 事件和 on on check 事件结合上我们 update 的衣服去设置你的确认确 fast， 就实现了我们这样 一个批量更新和取消更新这样一个效果。如果你对 pads 感兴趣，欢迎关注米可爱分享，搜索 pads 或者是 pass 教程就能看到我们所有 pads 的视频。也可以搜索 多选记录之勾选随意切克 boss 就能看到我当前视频的一个思路分析，以及视频中具体使用的视力代码，欢迎大家点赞收藏关注。

这节视频我们来讲 checkbox 复选框，虽然他叫复选框，但几个复选框之间没有任何联系。来我们看一个案例，比如说这里的客户要求他有两个选项，单选题选任何一个的时候，另外一个取消勾选， 这是如何做到的呢？我们看代码 给 checkbox 一做一个单击事件，判定一下它是否为处，如果为处，则 checkbox 二就等于 force， 然后同样我们给 checkbox 二做一个单击事件，同样的操作就可以了。这里的处就是勾选， force 就是取消勾选。假如说我希望这个窗体启动的时候默认为退换货，我们可以选中它，将它的值改为处。好，我们下次再运行它的时候，它就默认为退换货了。

大家好，我是米可爱分享，在上一期视频中，我们介绍了通过创建新的集合来存储已经被选中的数据，来实现多选多条记录。今天我们将通过创给原始的数据原创建新类标识是否被选中，这样的话可以减少 创作集合的一个资源消耗。接下来我们来看一下具体怎么实现。首先我们这边已经建好了一个死工人界面，然后添加了一些按钮，我们先看一下具体的一个实现效果， 点击运行，点击创建初始表，然后这边的初始表类似于说我们的原始数据，然后通过添加勾选列给原始数据。比方说这边是我们的原始数据，然后通过勾选列就是说给他添加一列用于绑定 切个 boss， 比如说我这边勾选手机电脑就看到这边，然后我也可以按切克，就只保留电脑或者平板。接下来我们看一下每一个空间的绑定实现。首先 我们来看一下创建初始表的红色拉特事件，那么还是一样 atte 的 contax 创建上下文变量，然后设置了一个 product 等于一个 table， table 的原始数据就是我们的手机电脑。 然后我们来看一下下一个勾选列，着重就是我们的勾选列，就是说我们要更新我们的原始数据员，大家可以看得到我们这边勾选列的欧斯莱斯事件是创建了一个集合，而这个集合是将原来的 product 就是我们上一个创建初始表 product 添加了一个 clums， 大家如果对爱的 clums 有疑问，可以查看我上一期前期视频中关于 table 的一些操作。 at the comments， 我加了一个椅子出点就是否被选中，然后默认者我把它设为 falls。 这样的话我们就创建了一个新的集合 product will select the clums， 这样就报酬。这个表我们可以 通过 vo classes 来看一下。我们的这边大家就看到我这边是一出就包含了这么多列，这就是我们的临时集合，那么我们通过爱德 colomes 来实现，就是说我们一个新的数据员，他包含了一个叫一字出现的这么一个列。 然后关于我们的格莱瑞这边，我们格莱瑞的这个空间的话，大家格莱瑞空间的话一开始是主要是原始的石油 两个 level 用于显示手机和价格。然后我给他加了一个切克 box， 啊，这个切个 box 来看一下。切个 box 我们主要要设置一下红切红切克事件，红切克事件就是要更新我们当前记录的 patch， 用来更新更新我们这个 product with select clum 的当前 this item 表示当前记录。我设置他的意思处以是是否被选择是处，那么对应于他的 oncheck 事件，我们就要设置 pants this item is true 是放肆，这样我们就实现了勾向的时候，那么他的指 is true 是 true， 取消勾选，那意思就是放肆。然后我们这边将我们因为我们这边 这边实验的效果就是说我们把设置了 prodotle is 来自康乐姆的数据员，那么我们想要显示这样的一个结果， 我们就通过 date table 绑定了一下他的数据源，就是我，嗯，我们选中我们 date table atmos， 大家就可以看到我们这边为了显示只勾选的，那么我们需要过滤我们的 这个 produce with selection column， 然后一直球在球，这样的话就保证了我们这边的太多会 根据我们的选中项随时进行更新。也就是说你想要，如果你想要获取到所有的勾选项，那么你只要通过 filter products will select the current too， 这样就能获取到我们所有选勾选的所有内容。如果你对 pro x 感兴趣，欢迎关注米可 f 分享搜索 part 教程或者视频相关标题就可可以看到我们的详细的需求描述，需求一步步的需求实践以及最终的视频讲解，欢迎大家点赞收藏关注。

大家好，我们这节来继续学习这个 radio 单选和 checkbox， 多选。 单选和多选一般应用在哪呢？单选主要应用在比如说选择一些性别，或者说选择一个你所在的城市，这种只可以有一个选项的业务场景，我们一般就用单选来实现。然后呢我们 checkbox 呢，一般用于多选，比如说你的爱好， 或说你你比较关注的一些关注的一些事情的主题，这些是不都是一种多选场景啊？好，我们一一来看，我们先看一下这个单选，我们还是一样打开我们之前建的这个 demo 项目，然后呢，上节课的这个内容啊， 也就说每节课的源码我们老师都会把它整理好，然后针对着上一节的视频给他同步发给大家，所以大家不用不用着急，就我们后续的这源码都是这样会给的。 我这块提前把这个结构建好了，就不每次都重新建了，我们直接就可以进入到这个 red 标签的学习。好，我现在比如说要做一个选择性别的标签，我先写一个标题，比如选择性别， 好，我用 h a 做了个标题，然后呢还是 input， 它的类型是什么呀？ redo， 那它的意思就是什么呀？我是一个单选， 然后比如男，那还有什么，我再用一个 b r 换行，然后再写一个音谱的，然后 type radio 是女， 我这样写了两个单选标签，对吧？我们之前上节课音铺的 type 类型是什么呀？是不是 text 啊？包括这个 password， 它都是一个输入类型的，那现在我变成 redo 的话，我们看一下什么效果？ 右键运行，运行之后大家看到这是不是有两个小圆点啊？这块就是一个单选，其实当我点击这个圆点的时候，他就会选中，那我当我再点女的时候，大家注意啊，你看是不是两个都选中了？这是为什么？ 这个原因很简单，因为我们要配置一个单选，单选项的话，我们需要给一个内幕属性，并且这个内幕属性的值必须是一样的，比如我们就叫他 sexy， 然后给下面也要配置一个这个 sexy， 然后我们再刷新我们的这个界面，再试一下，重新选一下试试。当我点这个难的时候 选中了男，当我选点女的时候，大家注意是不就选中了这个女啊？他就没有说两个都可以选了。至于为什么这个内幕的属性值必须是一样的，因为我们后续在这个获取这个值的时候啊，就获取这个单选内容的时候， 我们是通过这个内放表单，是通过内幕的方式去获取，所以你这两个必须设置成一样的啊，他是一个要求。好，那我们还有一个什么属性啊？也很也很重要，就是 y 六，比如我的 y 六是闷和我们， 那这个 y 六是干嘛的？其实就是在我们后续获取这个单选按钮的时候，他会取的一个值，当我选男的时候，那这个地方我获取到的值就是个 man， 当我取女的时候获取到的值就是个 woman， 那么这里边是不可以改啊，当我取 娶男的时候，娶女的时候，比如零一来代表都是可以的，甚至你可以用中文去代表，也没有任何问题。但是我们一般从后台数据库的设置角度来说啊，他要么要么就用零一数字来代替，要么就是用一个 字不串字母，就我们刚才的闷污们来代替，这都是有可能的。好，当然我们这节课的重点主要是学习这个单选标签的使用啊。好，那如果说我还想做一个什么呀？做一个这个城市所在城市，我是不是依然也可以用我们的这个单选按钮啊？ 我把上面这个拿过来，对吧？我直接考过来，然后从这块做一个 hr 中线，把它区分一下，那城市的话类型是不还是单选啊？然后这个地方是可以用一个 city 啊，它其实 这个 name 就是一个标识，我们只要保证它是一样的就可以了，至于这个值你就自己随便设置了，然后北京上海。 好，我们再刷新一下界面，看一下，是不这块有了两个单选啊，并且上面是不可以分开选择啊，注意是不可以分开选，当然你这个内幕值不要是也设置成这个 sex 啊，你一旦把这四个都设置成一样， 那会出现什么效果啊？就这四个是不是只能有一个被选中啊？所以如果你有多个单选项的话，我们的这个内幕值你分开给它设置成一样的就可以了。好，这个就是我们的单选按钮，我们继续往下看，下面是 checkbox 多选按钮，那就是说选爱好啊， 选关注的人，这都是一个多项选择的业务，那我们就可以用这个拆 boss 来实现。拆 boss 呢，其实也是属于音谱的标签，只是它的类型是拆个 boss， 我们可以看一下啊， 这块老样子，我给他区分，先用一个线把它分开，然后我们下面我们做一个什么？你的爱好， 那您的爱好我是不首先 input 老样子，然后 tap 是什么呀？ check box， 看这个 id 给我们提示了有这样的一个属性，对吧？ 比如说足球，我比如现在要做一个爱好选择，对吧？然后呢？我这个内幕给一个啊？给一个内幕，你一定要保证内幕是一致的。我复制四个 篮球，哎，哪个篮呢？这个乒乓球，乒乓球啊， 羽毛球好，就这四个球类运动。我现在如果去选的话，我是不是就可以进行一个多项选择呀？我们可以看下效果， 你看这个多选它的样子，是不和单选有点区别？单选是一个小圆球，多选的话是一个正方形，我点击勾一个两个，哎，是不是可以多选啊？大家注意，虽然我的这个 name 设置的是一样的， 但是我是可以进行多选的，和单选是不是有点区别？那他这个内幕设置一样的目的是啥？其实也是为了在最后这个放表单做数据获取的 时候，他是通过这个名称，然后把整个的多选的一个属性给获取出来啊，这个就是我们的一个多项选择。 那再往下呢？还有一个默认选中，这个默认选中是干嘛的呢？就是当我进到一个界面，其实 现在就拿我们的性别来说，不外乎除了男就是女，可能还有一个中性啊，对吧？现在性别也不一定是男和女啊。当然 那正常来说，可能比如说我做了一个游戏网站，我想做一个数据收集，那什么男性是比较多的呀？我默认想让他一进来就选择男性，就选中男性， 就给一个默认值，其实给默认值的话，用户体验比较好，就用户不用单独再去点一下，其实我本来就是男的，对吧？我一刷新这个 默认选中的难，我就跳过这个属性了，我就不用再去点一下，其实就是做这样的一个事情，这个非常常见啊，那怎么去做呢？其实只要使用这个 check check in 的属性就可以了， 既然是一个属性，我是不是就可以直接把这个设置到这就行了，就这样设置一个 chicken 好，设置好之后呢，我们刷新看一下效果，是不是默认选中了？这个难刷新是不是默认选中了，那我换一下 是不是默认选中了女，这就是一个我们 check 的属性啊，那多选也是一样啊，如果你想让他默认就选中足球篮球，那我就给足球篮球设置两个 check， 分别设置。这样的话，当我一旦刷新界面，就 也就是一进来我们的界面的时候，那这个爱好默认就会选中足球和篮球，我们看一下效果， 对吧？当然这个选中以后，我们还是可以取消掉的啊，就是最终你的最终提交的数据，肯定还是在你提交表单的那一刻，界面上你的这些选择为准啊，并不是说他默认选中以后就无法做更改了。好，那这个呢，就是我们的一个单选和一个多选， 我们这节课就到这里。