如何获取选中的单选按钮的值

今天我们学习一下单选按钮和多选按钮，我们先看一下实力，这里用到的是单选按钮，也就是只能选择一个选项，这里是多选按钮，可以选择多个选项， 我们选择一个单选按钮，然后点击确定，会弹出一个对话框，提示你刚才选择的是什么。这个效果是怎么做出来的呢？我们查看一下原代码，余大爷的每个爱好都做成了一个单选按钮， 但是按钮的 type 等于 redow， 内幕都是 s el， 他的值分别是从一到六，然后给表单 一个方法，就是贴表单的时候，将会调用这个科目的方法。这个科目的方法也很简单，首先命名一个变量四钥匙， 把所有单项按钮的直都传递给他。注意一下，这是传递过来的，不是一个数值，而是一个数组 数字的格式呢，我在图片上标出来了，那么我们怎么样才能得到这个数字的每一个值呢？当然是用循环语句了，这个义父语句的意思是， 当单项按钮被选中的时候，才会弹出对话框，提示用户选择了哪个选项。可是为什么我们选择了第二个选项，喝酒对话框， 这提示数字二呢？我们看一下代码，每个按钮的值都是数字是一到六，而不是文字抽烟喝酒一类的，因此我们传递过来的值呢，就是数字一到六。 那么怎样才能把数字替换成相应的汉字呢？我们就要改一下代码，先把单下元的值传给了 n u m， 这个时候 n u m 的值可能是一到六，那么我们就用此 v 词语句。 当 num 的值是一的时候，四幅串 st 二的值就是抽烟，当 num 的值是二的时候，四幅串 st 二的值就是喝酒， 以此类推。最后弹出对话框的时候呢？输出的支付串 nt 下的直就可以了，我们试一下。效果是这样的， 我们看一下多项按钮，我们可以选择多个选项，然后提交对话框，也可以重复出现多次。 我们可以全部选择，也可以取消全部选择。我们看一下多项按钮的代码，这里和单项按钮很相似，只是太普等于这个 boss， 其他的和当然你们都一样。那么全部选择和取消全部选择是怎么做到呢？因为有一个全部选择史莱克特奥的方法，这个方法 检查圈圈按钮是否被选中，如果圈圈按钮被选中的话，则所有的多选按钮都是选中状态。相反，如果没有被选中， 那么所有的按钮都是取消选中状态。我的课程资料都放在了客户群里了，许多问题一动手操作就会明白了，根本不用多讲。

大家好，我是李老师，这节课呢，来给大家介绍一下单选按钮和复选框，单选按钮的属性值是 redo， 同一个，主要设置相同的内幕属性值。 咱们之前说内幕属性值可以自定义，但是在单选按钮和复选框中，内幕属性值必须上下完全相同，这里边才可以只选一个，不然两个都可以选。 你看下面有两个内幕等于这样式的话呢，这块才可以直选男或者直选女，你这里也可以写别的，比如说粘头妹，你都写粘头妹， 那么这里边也是可以只选一个的，但是如果这两个不一样，这里边就都可以选后边这个 tike 的是备选，已备选的意思就是你在南这里边 加 tike 的这个就自动勾选，默认是勾选状态，如果不加这个，这俩就是都是空白。然后看一下复选框，复选框的态度值是 xbox， 它呢可以同时选中多个，同样内幕属性值也要完全相同， 比如下面内幕值你不定义成了好比这样式的话呢，在这一个组件当中，你才可以多个选择。

大家好，我是图文办公郝老师，今天我要和大家分享的内容是 word 中的单选按钮，怎么实现， 现在呢我们就来看一下，那么我们看一下这个呢是一个，呃，问卷调查，您对这次活动的评价是我们可以选， 那么这个效果怎么来的呢？现在呢我们就来实现一下。那么首先呢我们看一下， 在我们的啊菜单选项卡里面呢有个开放工具，如果大家没有的时候呢，可以在文件选项，然后呢啊自定义功能区 选主选校考，然后呢选开发工具的添加，那么这时候呢啊他就添加进来了，嗯，这是开发工具添加进来的，然后呢我们看一下， 在我们的空间组这个面板里面呢有个旧式工具，然后点开呢有个选项按钮， 我们一啊一点呢他就插进来了，然后在设计模式状态下呢我们点熟悉，嗯，对他的熟悉呢进行设置一下。首先看不上了啊，我们说这是我们这个案例上需要显示的内容，我们选 保健书一般。然后呢啊这个是字体，这个是文字的颜色，字体呢你 你也可以换啊，一点的时候，那么在这里呢啊，有字体啊，字型字号都可以设置啊，都可以设置，嗯，我们就不设置了，嗯，然后呢我们继续回车，我们继续呢啊设置， 嗯，吟唱一般，嗯，满意满意 啊，然后这个组的名称呢，我们同样了给他选射一啊，因为他是一组啊，也就是说我们这一个一组空间呢只能有一个选择，那么他啊名称呢啊，必须是 啊，格鲁普内蒙的必须是一致的啊，我们看刚刚这个格鲁普内蒙啊，没写，那么你写上 啊，好的，嗯，那么再看，那么我们第三个呢，名称 显示的名称啊，很好，那么这时候呢我们，嗯，格鲁普利姆呢，我们也同 同样的，和他们是一样的啊，那么我们再写 好了啊，我们设置好了，设置好以后呢，我们说看一下不能选，是吧，不能按，那么这是需要你呢把设计模式呢关掉，关掉的时候呢，我们看一下是不是就能选了啊，一个单选按钮啊，就 产生了。嗯，那么这个问卷调查呢，用上这个单选按钮呢，是非常棒的啊，很好的，今天我和大家分享的内容呢就到这里， 大家喜欢我的视频请关注转发，我们每天共同学习，共同进步，明天见，谢谢大家。

同学们，今天我们学习单选按钮，单选按钮也是比较简单的一个空间 radio 八层，那么这个单选按钮一般是结合这个 radio group 来进行管理的。 熟悉呢，比较简单，就一个 check 就判断是否选中，那我们直接上代码，我们仍然新建一个 activity， 点击 finish， 那我们需要把这个 activity 设置为我们的一个启动 activity， 我们修改一下配置， 然后修改一下清单文件，将这个属性设置为初，然后我们运行一下，现在我们项目已经运行好了，然后我们开始编写我们的代码， 将我们的根部局改为 mineral out， 给他一个方向， orientation， 给一个 vertical。 那刚才我们说了，我们是要结合 radio group 一起使用 radio group radio button， 然后我们就写城市嘛，北京， 然后我给他取一个 id， 方便待会我们进行选中的一个判断。北京 上海。 修改一下，这个是上海， 这个是广州， 这个是深圳， 那可以看一下效果，然后我们下面再给他一个 text view， 用来显示我们选中的， 给他一个 id， 就是 ct 吧， 那我们这个 video group 也要取一个 id， 然后我们去初始化一下，我们先运行看下效果， 那我们现在来初始化一下， 然后呢？还有一个是我们这个文本框也要触索一下， 然后现在我们就要需要给他设置一个监听，监听我们选中的是哪一个 啊？这个代码已经提示出来了，我们就看一下，那么就 set on check change listener 就是当我们选中的， 当我们选中的状态发生变化的时候，那我去判断一下，那么就判断我们选中的这个 id， 如果是北京的话，我们这个城市负一个值， 就把复制的这个城市复制到这里来，北京、上海、深圳还差一个广州好像， 那我们运行看一下效果，我们选中北京，选上海、广州、深圳，那这样都是可以切换的， 我们改一下这个， 现在选中的是上海、 广州、深圳、北京，那么这个单选框是比较简单的，那同学们回去把这个代码练习一下，那这个是设置监听， 今天的学习内容就到这里，记得点赞关注哦！

哈喽，大家好，我们讲完了文美玉，今天讲一讲如何在网页设置单选按钮。 我们把音铺的标签的 type 属性设置为 reading， 然后再设置内部属性来表示处于同一组，这就意味着相同的类属性值你只能选择一个， 最后再设置 value 属性来表示选中的值，是不是很简单呢？关注我，我们一起学习更多的前端知识吧！

这节课我们来实现表单中的单选和多选功能。对于所有人而言，每天都会面临各种各样的选择，例如一千万和北大的录取通知书，我该选哪一个？ 我是去考研还是先去工作？地上有一张五十元和一张一百元，我要捡哪一张？ 在 h t m l 中，如何实现单选和多选呢？我们可以通过在 form 标签里嵌入音谱的标签， 通过设置音铺的标签的 type 属性值来实现单选和多选。单选 type 的取值为 redo。 redo 是收音机的意思，因为我们收听节目只能调到 一个波段，因此用它来表示单选按钮，就是让用户在有限的选择中只选择一个。多选 type 的取值为 checkbox， 意为复选框，也叫多选框，让用户在有限的选择中选择更多的选项。 我们来实现一个单选和多选的功能，打开编辑器，新建一个 radio checkbox， 点 h t m l 文件自动补全基础结构，在 body 标签内部编写一个 form 表单标签， 在 form 标签里添加文本，选择性别冒号。紧接着添加一个音谱的标签，设置标签的 type 属性值为 redo， 后面添加文本难 回车换行使用同样的方法，再添加一个音谱的标签，设置标签的 type 属性值为 radio， 后面添加文本女保存。 用浏览器打开页面，一组性别选择的单选框显示在页面中，使用鼠标点击单选空间，这时你会发现单选框出现了问题，性别居然能选择多个。 在这里需要提醒大家的是，单选框控件必须成足使用才有意义， 并且每组至少需要两个单选框，而组是通过内蒙属性来建立的，凡是内蒙属性值相同的就是一组。同组的单选框只有一 一个会处在选中状态，其他的会自动呈现未选中状态。因此，如果没有给单选框设置内幕属性，默认每个单选框自成一组。 一旦选中了这个单选框，想要通过点击来解除选中状态，那就做不到了。回到编辑器，为两个音 pro 单选框定义内蒙属性，直设置为粘的保存。回到浏览器刷新 当我们再次点击性别选框的时候，单选的效果实现了。返回编辑器，在单选框结尾处添加一个 br 标签，回车换行，输入文本前端基础，包括冒号，在 文本后输入 input 中括号 tap 等于 checkbox。 按下 table 键，创建三个多选框空间， 分别在每一个音谱的复选框后面添加文本。 h t m l c s s javascript 保存， 回到浏览器刷新包含三个选项的复选框，做好了鼠标点击复选框出现了对勾，表示已经选中， 再次点击选中的复选框，取消选择。我们再刷新一下页面，发现单选框和多选框在默认情况下都没有选中，能不能在打开页面的时候性别的难和前端基础的 h t m l 默认是 选中的呢？单选框和多选框默认选中效果都可以通过定义 check 的属性来实现，它的值，只要不为空，任何字符都可以，通常我们会使用 check 的字符串儿作为它的值。 另外，选中和取消选中只有两个状态，所以也可以不用定义值，只定义一个属性名就可以了。 返回编辑器，给第一个单选空键添加 check it 属性，再给第一个多选。空键添加 check it 属性，保存 回到浏览器，刷新性别和 h t m l 默认选中了，点击其他空间，单选多选的功能依然有效。 单选框和多选框我们就介绍完了，大家快动手实现一下吧！

快速制作单选与多选，再插入菜单栏下窗底下选择选项按钮，在目标单元格中点击输入需要的选项内容， 先调整大小，复制粘贴，同样在单元格中再次输入，这样我们的单选就输入好。对于多选，同样点击插入菜单栏下的窗体下的特选框按钮，在目标单元格中点击输入需要的选项，调整大小，复制粘贴多个选项， 这样多选就添加好了。添加完成后，需要对每个选项进行位置调整，右键点击单选的两个选项，在绘图下对齐中点击居中对齐。在等级等尺寸，对于多选，同样右键选中四个选项， 在绘图下选择等尺寸，再选择垂直居中，最后选择横向分布，如果需要占满整个单元格千张，第一个和最后一个选项调整到合适位置，再选中四个选项，在绘图下选择横向分布， 最后对选项进行组合，这样调整单元格大小时，选项会跟着变拢。你学会了吗？关注一下，点个赞！

表单元素中不只有文本框和密码框，其实还有很多其他的组件，开发中也非常的重要。这条课我带大家咱们再学几个表单元素组件。我们想文本框和密码框通常用来干嘛呢？通常做一些搜索栏的地方，几乎每个网站都有，还有用户做一些登录和注册的时候，用到文本框和密码框其他的地方。就 比如说大家看这个区域，他这是一个选车的网站，那你选择新车还是二手车，两个里边只能选一个，这个叫做单选框，或者叫单选按钮，跟他对应的还有多选框或者叫复选框，可以勾选好多选项。那还有一个组件比较重要，这个他叫做下拉列表，跟我们之前讲那个 ul 列表有点像，他是把所有列表像收在这个列表里头，拉出来之后能看到所有的元素， 这些东西在开发当中经常的出现，而且非常重要。那么咱们来看一看他们是怎么实现的？我们在这创建一个文件 test 二、写一个标准的格式啊，我们说正常的表单元素，建议大家写到一个缝的标签里面啊，这个缝它是一个单独的区域，当你在提交表单的时候，这个区域当中所有的信息会被打包拿走。那缝呢？给大家讲了三个小属性，第一个叫做 x， 表示你在提交表单的时候将这些数据交给谁，应该是一个操作资源。第二个这个资源经过解析处理之后，一定会给我们一个响应，这个响应信息我把它放在哪？他给的数据到底是放在当前页圈里展示，还是放在一个新页圈里展示三个，就是你在提交表单的时候有一个发送请求的方式，这种叫 messer， 到底是盖的请求还是 pose 请求？这个等到咱们讲网络的时候再说，那里边就可以写正常表单组件了。我们之前学过的文本和密码方，他们都是 input 加图的，今天学这个叫做单选按钮，也是一样 input 加图，只不过 type 类型不再是 text， 也不是 pastword， 这个应该叫做 redo 单选按钮。注意啊，这个单选按钮指的是哪呢？指的就是这个圈，跟这个字没关系，能懂吧？这个字怎么来的呢？这个字很简单，你就再写一个就可以了。 新车运行你看一下，如果你把这个新车去掉，瑞九就是一个圆，二手车你再复制一个就可以了，就变成我刚才看到这个样子。新车二手车接下来看看功能能不能实现。人家这个呢？确实是单选新车二手车两个里边只能选一个，我们这个你试一下呢。新车二手车发现就不对了， 我们写错了组件吗？不是。但是为什么呢？跟大家讲这个东西虽然他叫做单选按钮，但是你在单选之前需要将这些个组件放到一个组里，好比是我要选一个班长，大家知道班长在一个班级里面只有一份，但你要说我选班长，你不给我范围，那全校的班长可不止一个， 全市的班长就更多了。你要真的想做到单一，就要先给他一个范围，就在当前范围之内唯一的一个。那你明白这道理之后怎么来实现呢？实现起来是很简单的，用到的是我们之前讲过的一个东西， 内部属性。大家想为什么写内部属性？因为你在真正提交的时候，这个表单当中的信息都被变成了一种叫 k y 流的形式来存储，这个 k 呢就是我们写的内部属性名， y 就是你正常填的那个指示。 我们现在这一块也是一样，你可以写一个内蒙，这个内蒙有两个作用了，第一个就是为了在提交数据的时候他有一个名字，第二个这个内蒙如果两个人的名字是一样的，他会默认变成一个组，那这样的话就能实现一个单选了。那来试一下吧，选车把你的卡，那上面 这个我也是要我粘一个啊，两个内幕名字一样，接下来试一下能不能行，新车二手车就实现了，非常简单。那么写完这个内幕之后，数据能不能提交过去呢？也能，名字是他值是什么呢？有的说老师值是不是新车呀？不是啊，我给大家试一下，咱们再加上一个 intro， 三个名提交按钮，看看名字是这个叫饭的 car 值。到底是不是新车，我们提交给谁呢？我们写这个吧，还是 tvps， 我们现在没有服务器，你可以交给他，虽然这个百度不给我们做任何的处理，但是提交我们能在 url 上看效果来运行一下。比如说现在我要选这个新车提交，你看到吧？范德卡是我们写完的名字， 值呢？并不是你想的新车，它叫 on， 什么意思？就是这个被选中了，那另外一个就是 off 呗，这个 on 好像不是我们要选的，因为未来你单选按钮和复选框都是这种 on， 那你到底是哪一个勾选呢？后面这个字是什么？我得知道，通常来说我们这里边会写一个 y 六，这个 y 六写的就 你要提交那个值，写一个 new car， 这样就可以了，再回头刷新还是提交进车，你看看效果就是一个 new car， 注意下这个细节，这是单选按钮的基本实现。接下来我们再考 几个细节。首先你看看人家这个汽车之家，我给大家重新刷新一下，你看一眼这个液刷新，有没有发现他这个液在初始化的时候，新车就是被选中的状态，看一下我们这个刷新，你看我们初始化的时候两个都没有，也就是说你想选新车，你还需要点一下， 有同学老师这个无所谓，我就点一下呗。我跟大家讲这个呢，它体现出来一种编程的优化思想，一来优化用户的使用，用户你可以把它当做一个很懒的人，能不让他点就不让他点，能不让他动就不让他动， 这个体验会好一点。第二个也提高了浏览器在底层边音和执行的性能，大家想你在这点这么一下，浏览器展示，他一定还需要做一些重新的渲染，自然会涉及到一些性能问题。 所以我们建议大家以后再遇到这种情况的时候，你尽量让他有一个被选中。大家想你在购买车的时候，新车用户比二手车用户可能还多了一点，比如说十个人当中可能有七个人选择要买新车，看新车，这些用户一进来的时候，这块就默认选中了，他觉得哎呀，你懂我呀，省去了一个点的过程。那如果你要想买二手车，无所谓啊，你就点一下 二手车，这帮人咱就管不了。那我们这个也是，你看新车，你点一下，二手车还需要点一下，不管哪个人都需要做一个这样的事情，这部分人不就是多了一步操作，像我们有一些做性别，男的和女的，至少你有一半人是不 的点。那至于这个东西怎么来实现呢？实现起来非常简单，假如说你想让新车默认状态是选中的，只需要在后面加上一个属性就可以了，拆开它，注意这个属性是个布尔类型的属性，它值跟名字是一样的，这种布尔类型的属性我们通常不用写值，只写个名就可以。 那洗完了之后你发现看到吗？默认就是这个，除了他以外呢，还有一个细节大家注意看，比如说我想选二手车，咱们是点这个小圆点，新车呢，点这个字才能选中。二手车选字也一样，不光能点，点字也能行， 我们这边呢只能点这个小圆点，点字是没有反应的。有人说，老师，这个无所谓啊，我这个浏览器的比例是被我放大了，为了大家看的清楚，正常比例是这么大的，这么大的一个比例，你去点小圆点，其实不太容易选，万一你的手再哆嗦一下，帕金森就不好选，那我们怎么能让他实现出来那种效果，点字也能实现被选中的状态。这个也很简单，给大家讲一个新的标签，他 叫做 level， 这个标签用来做关联的，刚才那个字和这个小组件关联在一起。这个写法有两种写法啊，给大家讲一下。第一个写法是标签组件和这个文字拆开来写，把它拿到上面。我现在需要做的是是把这个新车这两个字放到 liber 标签的里面，这样刚好就两个组件，一个是 input 小圆点，一个是文。 然后你发现这个类目当中给你写了一个 for， 这个 for 什么意思呢？就是引用或者关联的意思，这个新车跟谁有关联？那你跟谁有关联？是不是找到上面这个元素，那上面元素现在没有名字，应该这样做，给他来一个 id， 这个内幕呢，是为了传递值的时候，他当做一个 t 来处理， id 才能表示当前组建的唯一性，随便叫叫什么都行，你就看吧，否的你就直接写刚才 id 名就可以了。这个新车的文字跟上这个 id 就关联到一块了。这是第一个实现方式，看下效果啊，来刷新，你看默认效果是新车，这个被选中的二手车，你点小圆点，新车呢，你再点这个字就回来了，二手车点字就不好使，只能点圈，新车点字点圈都行。第二个写法呢，这样的你可以 将这个标签组件和这个文字当做一个整体，套在 level 里头，可以这样写，来一个 level 标签，把这一堆东西剪切放在它里边就可以了。 这个写法看起来可能更舒服，因为他这个签到关系，明白这个组件当中套着一堆东西，他们两个就是一个完整元素了。来咱们试一下，刷新，默认选择的是新车，二手车选圈，新车选字，二手车你点字发现不好用了。为什么呢？不是这个写法的问题，因为你把这一堆组件套在了背包里头， 此时这个 for 就没有用了，因为他这个 for 默认会找到一个关联。你现在写一个 for， 里边什么也不写，相当于找到一个空的元素进行关联，但是没有这个元素他就不起作用了，把它删掉就活动了。注意一下这个细节再来看刷新新车、二手车选圈，新车点字，二手车点字，这都好用， 人家这个地方就是这么做的，你可以右键检查看人家写的原代码，一个 labor 套着一个 span， 这个 span 是咱们写的那个 input 组件，后边有一个新车文字在这呢，然后这个新车这个是默认选中的，他后边加上一个 check， 跟我们写的东西几乎是一样。 明白他以后多选按钮或者叫复选框，基本上跟他的写法一样，只不过类型不叫做 redo， 他叫做 chipos。 接下来给大家写一下，这个我也看清楚，在这加上一个换行 dr input 加图的类型叫个 chipos。 写完之后什么样呢？就是一个小方块单选，是个小圆圈，都选这个块能点的 或者文字呢？跟刚才这个一样，你可以把文字写在后边。什么样是多选呢？比如我们来一个选择女朋友的标准，好看、会做饭、肤白貌美大长腿，这种标准像做梦似的，此女只应天上有，人间能得几回闻。在学渣上面跟我说，老师，我尿一个 随便写。可以啊，不选框呢，就不像当选框那样，因为他不用做那种组的分类，正常他就可以去勾选去掉。也可以做一个小细节，因为这个东西在未来开发的时候，真的需要提交数据给后端，除了展示以外，你如果想真正提交数据还是把它写去， 在提交的时候还是需要内幕的，而且我们通常这几个内幕属性也需要保证一致。内幕名字呢？我们叫 girfrend g f 版，这个名字虽然看起来跟刚才单选名字是一样的，看起来也是一组，但是一 因为他不是单选，目的是为了在提交数据的时候一组名字一样的，后面就可以通过名字找到这一组元素了。当然后边你也会带着 y 六值等于什么，每一个里面写一个值不同的值，如果你不写的话，提交过去还是啊跟刚才单选那个是一样的。当然我想让第一个被选中，你可以在上面加上一个 tk 的，跟刚才咱们写单选按钮是一模一样， 除了这个属性以外，剩下地方都是一样，你也可以通过 label 把它们圈在一起，这样不光是勾选的时候点好看这两个字给他们选上，再写一下，然后 label 你可以把它套起来，注意把这个缝去掉啊，如果想套起来的话就把这个缝去掉，如果你不想套起来，像刚才那样，你就必须得写一个缝， 好看是默认选中的，这个好看点字也跟刚才一样。接下来再来说一下下拉列表，下拉列表就是我们刚才看到这个部分，能拉出来里边有很多选项的这个部分，他跟我们之前学那个列表差不多，他这个签到关系，我们之前学那个是 ul 套牌 y， 他是 slag， 套着 offer 标签，不是印铺的家族的了，他叫做 slag， 里边的每一个列表项叫做 offer 这样一个结构，这两个元素我先把删掉啊属性，咱们来讲标准结构 都是这个样子，每一个 offer 表示一个选项，咱们可以写一个下拉列表，比如我喜欢的汽车众多汽车里边选一个，刚开始你可以先改变默认的请选择，要提示一下，保时捷九幺幺、宝马 c 四、奔驰 amggt、 奥迪 r 八，再来一个 迈凯伦，迈凯伦那叫 gt 啊，叫什么？行吧，就这么几个东西啊，大家看，这是一个标准的语法结构，你写出来之后效果就是这样的，刚开始默认请选择展示的是第一个选项，拉出来以后呢，就能看到这几个选择了，其中选一个，比如说我喜欢奔驰 mg 两个小问题，第一个问题，我想要让保时捷九幺幺变成默认选中的状态怎么办？跟刚才勾选一样，我想要出来就是这个。这样做 option 当中呢，有一个属性，他不叫 check it， 叫做 slat， 在他后边写一个，这个 slat 表示的是被选中的状态，跟刚才那个一样，是个倍儿型的发型，看到吗？默认就是， 这不是第一行第二个，这个东西你选中了之后，一定在提交数据的时候得有个兼职。对，那他这个 k 和 y 六在哪？咱们以前都写个内部属性，但你会发现原来的内部属性都是一行当中的内五和 y 六放在一起的。那我们现在这个 slag 的是个完整的结构，每一个选项 option 才是某一个值，他是这样写的，注意啊，名字内母是放在 size 里边的， yellow 是每一个 option 当中有一个 yellow 放在这的，它的结构比较特殊，因为你这里面众多个选项当中只能选中其中一个，所以内母是号值是这个 yellow， 那 yellow 来一个保时捷。保时捷叫什么来着？破二手 车这张拼的吧，以前还记不住这个名字，后来看了个段子，记住，写完之后呢？ car 在这， yo 在这试一下提交啊，并行一下，默认选中就是保时捷提交提交。走到百度，这 car 是咱们写那个 t 值是后边写这个保时捷。 如果你不写这个歪六行不行呢？这个比较特殊，不写歪六，他会将文字当做歪六。才跟刚才那个拆个 boss 不一样，拆个 boss 包括 reader。 不写歪六会 on， 提交过去。这个不是，如果你不写歪六，他会把这个字填过去， 尝试一下回去刷新提交，看到吗？把这几个要过来。当然我建议大家还是在这写上一个歪六，这个歪六有可能跟你写的这个字不太一样。正常来讲，这歪六更多的是写一些英文拼音也好，单词也好，中文提交嘛，他有可能会产生乱码。那在这个基础上说一个小细节啊，当然这个东西未来会见到。能 有些时候，他这个列表啊，想要展示的不仅仅是一行，想要展示好多行，这个怎么做的呢？这里边有一个在子的属性，在 sley 的标签里，比如说你写个表示，我此时列表可以展示五个选项，而且变成这样，展示不全的多了一个滚动条。 除此之外呢，还有一个东西就是你展示多行了，展示多行以后，我是不是就全部都能看见这个效果了，比如七个都能看见，那我能不能选两个？我喜欢的汽车不光是保时捷、九幺幺，我还喜欢奔驰，但你发现这两个选不中，只能选一个，按住 ctrl 去点也没用，能不能多选呢？其实能，还有个属性，它叫做马腿头，这个属性是个波尔型的，喜欢它之后呢，这个列表就可以多选。比如说你选九幺幺，按住 ctrl 点 这个提交以后呢？跟刚才这个复选框是一样的道理，名字都是 car， 值呢，就是你选中那两个，咱们试一下两个选中提交，看到吗？前面这个 car 等于空的，后面这个 car 等于奔驰。 那为什么前面这个卡等于空的呢？因为前面这个九幺幺，咱们刚才写了一个歪六等于空，如果你写了歪六等于空，他就是空，如果你不写歪六，他会把当前这个文字当做值，把你过去。建议大家这块还是注意下，后边讲这两个东西不怎么常用，有印象就可以了，正常来说还是以单用 选为主，正常来说还是以一行展示为主，很少见过这种情况。除此之外呢，还有两个小小的东西给大家稍微讲一下，各部门叫做文本玉。文本玉这个东西经常出现在一些论坛或者是写一些帖子之类的，会用到文本框是一行不能换行的，文本玉就是多行一个区域可以写文字的啊，叫做太子的艾瑞，名字跟我们刚才又不一样， 里面有三个家族，一个是 input 家族的，一个是 slag， 配合着 office， 还有一个是太 server， 这个太 server 写完以后呢，内幕大家人熟了，这个就是传递的一个 key， 这里边写的是一个传递的名字 y 流值呢，是文本玉里面写的一个值，这个 id 不用多说，它是唯一的一个标识。这两个是什么意思呢？ u r s 指的是 column， column 是列的意思，肉指的是行的意思。那表示现在我这个文本玉展示的默认情况是十个行，三十个列，就是一个区，你看一下这效果大概这么大，我想让它变得矮一点，就是行数少一点点，表示五行就 列，比如说我想让他变窄一点，二十个列就变成这样。当然这个只是他初始化，给你几个属性，我们通常不会这么调，通常会用到未来的 cs 样式去调他的宽度、高度窄 的效果。那文本玉当中写的值呢？就正常的写就可以了，写多了以后自然就会出现银条。能不能提交呢？提交一下试试。就刚才你写的这一堆 k 等于什么的。为什么没有中文呢？因为中文在传说的时候，他给你解析成了这种，解析完了之后再给你组回来，是一个自负极的问题。这个不用纠结， 当你在做一些像论坛啊，或者是可以写很多字的时候，冰到那么玉啊，还有一个东西，它叫做隐含玉，就是我在传递的时候不想让你看到，但是呢，我还想传一个直，就偷偷的传一个直， 不想让你在表面上看得见。这个是 input 加图的，它的 tab 叫做 at 内幕，就写一个自己的内幕值，你就写一个自己的值，这个值就 传递过去。通常这个值肯定不会让用户输入，因为用户看不见他，这个值是我们偷偷自己传的，比如说传一段名字，等于这些题，阿涛老师的名字表面上是看不见的，但是他可以提交看到有一个这些题在这，这是隐含语。刚才基本把常用的表单组件给大家讲完了，接下来大家可以用这些组件去实现一个什么功能啊？注册可以找到你喜欢的网站，比如说像百度这种，登录之前没有账号，他立即注册，这里面就有很多的信息。你可以 做一个章丘，学过 cs 同学更好，你可以把它做出来一个好看的形状，没学过的话没关系，主要是练一下表单元素。但是他这个注册里面写的东西比较简单，都是一些文本框，你可以自己设计一下，设计一个稍微复杂点的注册，填账号名，密码，验证密码性别就可以单选了，国籍或者所在的城市可以用下单列表，爱好就可以多选，再加上一些附加的东西， 比如说备注之类的，用到文本域可以填很多的文字，大家可以自己简单设计设计。下两课呢，我带大家咱们用这个结构的标签来做一个简单的注册块，这样做完以后基本上表单元素这一块就比较熟练。至于样式的时候，大家不用纠结，样式咱们还没有学，虽然之前总去写一些简单的样式，但是这个样式咱们到时候学的时候慢慢的大家就理解这两个咱们先到这下两个，我带大家咱们做一个完整的小练习。

欢迎继续收看 x 八八零实力视频教程。那么今天我们来讲一个空间的使用啊，也就是我们看那个图中，我们经常会制作这种多选项啊，单选项啊，这个单选项，但是自由一组的时候简单，我们有几组需要独立选择，你看 这里选了三个，你是不是感到奇怪，因为我们平时的单选，你会发现，呃，这一个表里面的单选，你点一个，其他都会成为未选状态，也就是一次只能选一个，不然他怎么叫单选呢？我们这里就是要做一个多组能够单选的状态，让我们看一下这个实际的使用，在这边你看我们第一组男女， 第二组大学、高中、初中，这三组是独立行进的，他们之间没有干扰，总来制作，我们来去学习一下，那么首先我们复制这个数据到这边去啊，啊，那我们把这个空间球先删掉啊，我们定位对象删除，那 这个表格的制作我就不讲了，我们直接讲空间的这个使用啊，把这个宽度调好啊，这里讲一个小技巧啊，我们 你看你看这个地方中间前面空了一点位置，这里是用的一个，那这个地方呢，就是打字的，我们这里是用的一个什么呢？ 这单一个格式，这里面有一个缩进，我们缩进一个位置，那么就刚好把这个单选框留出来，然后另外我们在做单选框的时候，我们把这个框线打上，因为这样我们好对齐， 好，那我们现在开始来插入这个空间，那么有的时候开发工具里没有，那么在选项里面制定功能区，把开发工具调出来啊， 那么插入最点表单空间啊，我们今天学的是表现的空间，你也可以有 x 五 x 空间，我们今天讲的都是表单点表单空间，然后 我们在这个白的地方先画一个啊，我们依着这个格子的宽度大概去画啊，比格子窄一点点，大概就这样，我们把它选中以后。哎，你看 这里面有字是吧？我们这底下有字，我们不要用他这个字，他这个字不能调格式，我们一般把这个字选中以后删除啊，你说你选不中，那么右键编辑文字进去，他就有了啊，那么这一个画了一个以后，把它调到这个格子的宽度差不多啊，对， 宽度上下大概集中，那么这个自己调一下，然后把它拉到前面要选的位置好， 就这样大概就可以了。好，我们这个呢，一般来说我们拉的跟格子差不多宽，因为方便，大家选的是鼠标点在这里也可以点动，不一定要点在这个这上面啊，然后选中它啊，现在就是复制，复制，粘贴，粘贴，粘贴好，这是不是完事了啊？没有 那么简单，那么容易我就不教了，你看这里一点其他的都不行，我们要每一组能单独使用，那怎么弄呢？ 好，这里就要用另外一个空间插入，注意第二排的第一个分组框，看到这个上面提示分组框选中，那么这里打一个大点的框框，把上面两个格子全部框进去啊，成这个状态， 可以看到，你看我们第一组已经独立出来了，我们下面的还是一起的，看到没有分组框就是起这个作用，他把这一组按钮跟其他的按钮独立出来，他们成一个独立小王国，就是这个意思，都想有自己的地盘吗？是吧？那么再插入 这个地方分组框，那么这个时候你说我们把第二组框，第二组跟第一组中间有交集的地方，我们这样框了以后自己都看不清楚了，我们第二组不管他，我们直接去框第三组，是不是？那我们这样把第三组框起来，那我们这你看第三组选择， 那么第二组自然就被独立出来了，因为我们第一组跟第三组，第三组他们已经分家了，那么你老老大跟老三已经分家，你老二一部分也得分，是不是？好？我们只需要建立两个分组框，那么中间那组就不管，那么你这人比较精细的话，你也可以一组一组这样去框， 具体的细节你可以操作一下，你就知道啊，可以把格子先调宽一点，然后去框框的时候上下就不会重复啊 啊，这个细节自己考虑，那么你说，但是这里有个问题，这个框子很难看，是不是啊？这里就有一个黑科技技巧啊，这里一般人不知道，嗯，今天大家听我的课就知道了， 那么这里有一句代码，你把它复制啊，你这个代码，你不要问我这个代码在哪啊，你这个自己看着照着抄也没那么难。 activity 的点儿， group box， ease 啊，在这个复数形式点儿， vsible 等于 first， 但顾名思义，这就是当前工作表的这个分组框的可见性等于 fus， 那就是不可见买啊，那么在调查表，在这个里面七座山，这个里面右键查看代码， 查看代码，你可能这个地方没有底下那个啊，我们再试图点一下，把立即窗口注意这个立即窗口调出来，然后把那句代码写在这，然后注意右边光标那个地方，按一下回撤， 大家可以看到，哎，框框没有了，框框是没有了，但是我们的效果还在，这就是我们的多组 啊，独立单选框的制作。那么有了这个方法，你就可以可以说任何的调查表都可以用这种形式来做这种单选的，那么再加上你的多选框，就可以做出一个比较复杂的那个多这个调查表，那么调查表的数据你还可以链接到表单去。 那么这个我以后慢慢的讲啊，我们今天先讲这一点。好，谢谢大家。记住 ex 八八零工作室出品，下次再见。

今天我们来用一道单选题，学会 excel 表里面的单选空间，我们先演示一下效果，比如说这个单选题当中，我们随便选择一个选项 b， 他会告诉我答错了，然后选择 a 是这句答案，他会告诉我正确的，他的底层逻辑就是一个条件判断，今天都教会你如何使用单选空间， 呃，为了节约时间，题目我就不再重新敲一遍，就把单选空间的部分留下来，我们来学习。选中这个单元格，在我们的主菜单栏点击开发工具，开发工具下面有一个插入，点击这个下三角，这里就有我们单选空间， 单击鼠标左键就产生了这个安全空间啊。为了方便大家操作，选题的时候好点就把它拉宽一点，把整个选项覆盖，调整它的位置， 然后复制三个，这里复制有个技巧，就是按住我们的 ctr， 当我们的箭头上面有个加号的时候，按住鼠标左键往下拖，然后就复制了一个同样是加号的时候，再往下拖，调整到后 的位置，这个时候我们三个单选空间就已经搞好了，这个标签我们不需要的标签，我们把它删掉，然后这个三个空间我们就做好了，这个时候我们点三个的时候是没有任何变化的，是因为它的底层逻辑纸没有在任何一个表格中反应出来，那我们这一步要做的就是给他指定一个反应他逻辑纸的单元格。选中我们的单选空间，这里有一个设置空间的格式， 这里有一排设置各种的，我们主要看这个控制，这里这里有一个单元格链接，这个的意思就是将我们选中未选中的这个逻辑值反馈到哪个单元格去。比如说我们选中这个单元格，把他的逻辑值返回到这里，点击确定， 你说这已经就有值了，是三，三表示什么意思？就是选择了我们第三个单元空间，比如说我改成二，第二个单元空间他就变成了二，那么第一个他就变成了一。那么接下来这个答案解析就简单了，就是用一盘数进行一个条件判断就可以了，就等于一，但这个单元格等于你要选择 a 的时候，他是一，那就等于。

好了，这三个子程序就做好了，然后呢咱们可以直接在咱们这个响应事件里面调用，首先是第一个啊，第一个里面咱们用到什么呢？就是判断 用的就是判断咱们这个点击的哪个多选框， 你多想化做一个函数， 要不是做一个面料， 说错啊，要选一，找到咱们这个窗口里面的，要选 他跟单选是一样的， 一就是选中，二就是，二就是，而零就是没有选中， 咱们现在开始，咱们现在开始判断，判断他， 如果咱们多选号一等于一的话，这是什么意思呢？就是咱们如果选中系统时间的话， 它是一个什么效果？它的效果是什么呢？就是启动咱们第一个时间， 第一个 提供他了以后，同时呢咱们避免就是在启动的时候 这个还有效，咱们还要需要把第二个给他屏蔽掉，第二个这个咱们就不能用他的值了，用他的有效性，有效， 有效就等于零，这样呢就是启动的启动，就是咱们选中这个启动的时候，他就会无效了，就是不可选的状态了。同样的道理，咱们在 大家判断如果多选二等于一的话，那么咱们就需要启动的是系统日期， 这个系统日期咱们起来，同时呢 多选号的第一个就会变成这样，然后现咱们现在因为有三种，假如咱们两个都选中了，那么就判断第三种， 如果多小一跟多小二都被选中了，这种情况下咱们启动哪个呢？咱们启动这个时间加热，把它打错了 时间加热器时间 加一起，然后呢同时让他们两个都变成不可选这样的三种状态都都就把它做出来了，当然跟 刚才那个一样，如果说想停的时候怎么停呢？就是把县城停止了，就是用那个停止县城，咱们的县城，同时呢咱们需要把这两个 多许都恢复原有的状态，又不是可可用的状态。 完了咱们看一下效果啊， 这个犯了一个错误，咱们把这个， 这是把子程序的名字跟电量的名字重复到一块了，所以咱们把子程序的名字改掉， 先看一下效果。系统事件， 嗯，咱们查一查，有一点错乱，多选时间， 大家做的时候一定要注意些小细节啊，我想多想放的时候， 这个这个地方就错了，这是第一处多小框一等于一的话，时间 好了，系统时间被提取出来了， 停止日期，日期未提取出来了，然后停止，两个都行。 这个制造这个错误在 因为他直接满足了第一个条件，所以咱们把 相应的条件给他加全，我们多选框等于一，并且多选框二 等于零的情况下才是时间。然后如果多选二等于二， 要放一等于零的情况下，这是日期， 咱们再看一下效果啊，好的时间、日期， 面膜都需要好了，热水器都被提取出来了， 这个就是一个多选框，编辑框还有按钮的一个基本的应用，这个大家要注意的一点就是，嗯，他属于是按钮跟呃 按钮跟这个呃编辑框之类的一个响应事件的一个功能，他用 f 十是不能启动的， 咱们可以看一下密码是没有任何启动的，按这个只有按钮或者说编辑框发生变化，这种事件发生的时候他才会启动，如果没有事件发生的话，他是不会启动的。是这么一个意思啊， 还少做一步，就是选择项目，选择项目的码也加上吧。呃，第四种状态他就相当于四种状态， 第四种状态如果多选二跟一跟多选二都没有被选中的情况下，咱们让 咱们输入块，输入二在内 等于什么呢？等于 请选择一个项目，请选择一个项目，并且 案件不发生变化，并且他的案件还是 开始过去的状态，这样的话你看他们什么都不想。 提示请选择一个项目，跟前面这个是一个意思，选择一个项目。好了，这是全部的这四个界面组件的应用方式， 大家如果想要元宝的话可以联系我，我可以把元宝发给大家，咱们大家一块学习啊，谢谢大家。