个人爱好选择

JavaScript学习练习:使用DOM实现个人爱好选择 JavaScript学习练习:使用DOM实现个人爱好选择在这个JavaScript学习练习中,我们将使用DOM(文档对象模型)来创建一个交互式的爱好选择程序。借助这个程序,用户可以从一系列爱好选项中进行选择,并将其选择结果显示在页面上。HTML结构: 我们首先需要创建一个HTML结构,包含一个爱好选择部分和一个结果显示部分。以下是一个基本的HTML结构示例: JavaScript代码: 在JavaScript代码中,我们将使用DOM来处理用户的选择和结果的显示。以下是一个基本的JavaScript代码示例: 阅读详情

通过对CheckBox多选项的应用,构建一个个人爱好选择的小程序。显示效果如图,可实现多选项的应用。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.hades.homework4.MainActivity">

    <LinearLayout
        android:layout_width="372dp"
        android:layout_height="497dp"
        android:orientation="vertical"
        tools:layout_editor_absoluteX="6dp"
        tools:layout_editor_absoluteY="7dp">

        <TextView
            android:id="@+id/textView"
            android:layout_width="match_parent"
            android:layout_height="41dp"
            android:text="你选择的是"
            android:textSize="20dp"
            tools:layout_editor_absoluteX="1dp"
            tools:layout_editor_absoluteY="96dp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            tools:layout_editor_absoluteX="8dp"
            tools:layout_editor_absoluteY="8dp">

            <CheckBox
                android:id="@+id/checkBox1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="音乐"
                tools:layout_editor_absoluteX="8dp"
                tools:layout_editor_absoluteY="169dp" />

            <CheckBox
                android:id="@+id/checkBox2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="美术" />

            <CheckBox
                android:id="@+id/checkBox3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="课程" />

            <Button
                android:id="@+id/button"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="确定" />

            <Button
                android:id="@+id/button2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="清除" />
        </LinearLayout>
    </LinearLayout>

</android.support.constraint.ConstraintLayout>

MainActivity.java

package com.example.hades.homework4;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.ButtonBarLayout;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    TextView tv;
    Button bt, cls;
    CheckBox cb1, cb2, cb3;
    String status = "你选择的是:";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tv = (TextView) findViewById(R.id.textView);
        bt = (Button) findViewById(R.id.button);
        bt.setOnClickListener(new click());
        cls = (Button) findViewById(R.id.button2);
        cls.setOnClickListener(new clear());
        cb1 = (CheckBox) findViewById(R.id.checkBox1);
        cb2 = (CheckBox) findViewById(R.id.checkBox2);
        cb3 = (CheckBox) findViewById(R.id.checkBox3);
    }

    private class click implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            if (cb1.isChecked()) {
                status += cb1.getText();
            }
            if (cb2.isChecked()) {
                status += cb2.getText();
            }
            if (cb3.isChecked()) {
                status += cb3.getText();
            }
            tv.setText(status);
        }
    }

    private class clear implements View.OnClickListener {
        @Override
        public void onClick(View v) {
            status = "你选择的是:";
            cb1.setChecked(false);
            cb2.setChecked(false);
            cb3.setChecked(false);
            tv.setText(status);
        }
    }
}

这里写图片描述

这里写图片描述

AndroidStudio个人爱好UI设置 自己的AndroidStudio的习惯设置和UI布局文件,喜欢的同仁可以用用,不会影响到自己的快捷键的设置 立即下载

相关推荐

爱好选择应用

本人初学者,写了一个小demo,大神勿喷,主要用stringbuilder

vb checkbox选中和不选中_27. 教你零基础搭建小程序:小程序的常见组件(8)— checkbox复选框...

图文版筒子们,you 来了checkbox复选框与上一章讲的radio 单选框的属性相似,表现在:1、可以通过color属性来修改颜色;2、需搭配checkbox-group 一起使用。checkbox复选框与radio 单选框不同的地方在于:checkbox可同时选择多个元素,不是单一的选项。啥意思呢?有点不懂?来,上需求:设置三个水果选项,选中其中任意一个,下面都有提示文字。操作步骤如下:1、...

weixin_39719727的博客 1316

爱好选择器Demo

该Demo是本人初学jQuery时做的一个小练习,里面是一些关于自己爱好的选择,有全选、全不选、反选、提交等操作,有兴趣的小伙伴可以参考一下。

php 微信小程序 循环 多选,微信小程序全选多选效果实现代码解析

这篇文章主要介绍了微信小程序全选多选效果实现代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果图:wxml代码:全选汪小涵 管理员 总监wxss代码:.memberList{background:#fff;padding:0 35rpx 0 28rpx;}.allSelect_box{line-height:90rpx;border-bo...

weixin_29602351的博客 270

Android-FloatingSettingView仿网易新闻兴趣选择页面

FloatingSettingView 仿网易新闻兴趣选择页面

原生JS实现表单checkbook获取已选择的值

本文为大家介绍下采用原生JS实现从一个表单checkbox获取到已选中的数据值,具体的实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助

复选框分行显示爱好

分行显示爱好,运用复选框,数组,事件

m7k7k999的博客 691

Mathtype公式下标深度调整技巧:解决固定行距下的显示不全问题

本文针对在Word等文档中设置固定行距时,Mathtype公式下标显示不全的问题,提供了专业解决方案。核心在于调整Mathtype软件内部的“下标深度”参数,通过修改单个公式或批量格式化全文,使公式完美适配固定行距,确保下标清晰完整,且不影响文档整体排版。

pepsi的博客 1503

兴趣爱好选择程序java+Swing界面

实验目的: 1.掌握Swing常用的组件的使用; 2.掌握程序界面开发的步骤; 3.掌握事件监听器的使用。 实验内容: 如图1界面,在文本框中输入姓名,选择性别(单选)、爱好(可多选)、未来职业(下拉框),单击“确定”按钮,弹出消息提示框,如图2,单击“退出”按钮结束运行。 (界面代码已给出,请阅读理解,补充事件监听代码) 图1 信息输入界面 需要解决的问题: 两个按钮绑定同一个监听器,如何判断用户单击了哪个按钮? (2)如何判断单选按钮、复选框的选中状态及标题文本的获取? ..

君临๑的博客 2811

Altium Designer操作技巧(4)——如何利用嘉立创EDA来输出3D封装到AD封装库?

本文介绍了利用嘉立创EDA和FreeCAD软件为PCB元件添加3D模型的方法。首先在嘉立创EDA中搜索元件编号并导出3D模型,然后使用FreeCAD删除3D模型中的PCB基板部分,最后将处理后的3D模型导入PCB封装库并更新到PCB设计中。文章详细讲解了每个步骤的操作流程,包括模型导出、基板删除、位置调整等关键环节,并提供了解决常见问题的方法。通过这种方法,电子工程师可以快速获得元器件的3D模型,提高PCB设计的准确性。

u012526819的博客 2591

从工业夹爪到Shadow Hand:一文看懂机器人灵巧手的硬件进化史(附避坑指南)

本文详细解析了机器人灵巧手从工业夹爪到Shadow Hand的硬件进化历程,涵盖刚性夹持器、自适应夹持器到多指灵巧手的技术突破。文章还提供了选购指南与技术避坑策略,帮助读者根据操作复杂度和环境结构化程度选择最适合的解决方案,适用于制造业、医疗和服务业等多个领域。

weixin_29074409的博客 484

Android界面编程之利用单选框和复选框实现对学历和爱好进行选择

Android界面编程之利用单选框和复选框实现对学历和爱好进行选择首先我们要了解一下单选框和复选框: , 单选框(Radio Button):当用户选择某单选按钮时,同一组中的其他单选按钮不能同时选定,通常进行单选的按钮放到一个RadioGroup中复选框(Check Box):可以选择任意数目,没有必要放到一个组中定位被选中的按钮 单选框哪个按钮被选中时,需要在组中进行选择,复选框则不需要,

feiqinbushizheng的博客 6153

免费测试国外大模型Claude 3.7 Sonnet API:无需api key(秘钥)

Claude 3.7 Sonnet是Anthropic公司推出的第三代Claude系列AI模型中的中规模版本(2024年发布),在性能与效率间实现平衡。该模型基于改进的Transformer架构,支持128K上下文窗口,擅长复杂推理、数学计算和创意写作,在GSM8K数学基准测试中准确率达92%。其采用"宪法AI"伦理框架,通过多轮对抗训练减少有害输出,同时新增多模态理解能力(可解析图片/图表内容)。Claude 3.7 Sonnet是Anthropic推出的高效轻量级大模型,主打快速响应与成本优化。

Explinks的博客 1498

该如何选择编程语言

大部门读者都应该知道,进入编程行业,选择一门编程语言超级重要,直接会决定你未来的发展方向,那么如何选择一门编程语言呢?今天来聊聊如何选择一门编程语言作为第一份工作的技术栈。 网上很多人说,干嘛纠结一门语言,语言不重要,但是现实中情况就是企业招聘的工作岗位就是限定语言的,面试就是面这门语言的各种知识,概念,以及相关生态的解决方案。确定一门编程语言直接影响投简历时候的职位选择。下面来说说如何选择一门编...

xmgtony的博客 655

【Tableau】解决订阅报表PDF中文显示为乱码(方框)问题

一、问题描述 在tableau server网页端报表中文字符能正常显示,但在订阅后发送到邮箱时,以图片格式呈现的内容中中文字符显示为方框。 网页端报表能正常显示中文字符: 邮件中的报表不能正常显示中文字符: 二、问题分析 网页端字符显示情况是由html编码决定的,而tableau生成图片时是通过所部署的服务器的字体文件显示字体。因此可能是由于Linux服务器缺失相关的字体文件导致网页端选择的中文字体在服务器上缺失对应的字体文件导致的。则考虑在服务器引入对应的字体文件。 三、问题解决 1、查看服务器现有

why_not_study的博客 2834

Java开发者必备:Ollama4j客户端库全面指南与实战

在AI应用开发领域,本地部署大型语言模型(LLM)已成为降低成本和提升隐私安全的重要趋势。其核心原理是通过REST API与模型服务器交互,实现文本生成、对话和语义理解等功能。这一技术为Java生态系统带来了显著的工程价值,使开发者能够便捷地将AI能力集成到企业级应用中。Ollama4j作为一款专为Java设计的轻量级客户端库,通过封装底层HTTP通信和JSON处理,提供了类型安全、面向对象的API,极大地简化了与Ollama服务器的交互。它全面支持流式生成、多轮对话、嵌入向量计算以及高级的**工具调用**

weixin_28295799的博客 437

如何选择未来的大学

如何选择未来的大学? 我们分为四部来走,先思考探索自己,再看看行业情况,然后确定城市和大学。一步步来,一步步讲解。

Edwin Lee的博客 6362

六维力传感器选型指南:电阻式vs电容式,哪个更适合你的工业场景?

本文深入解析六维力传感器在工业自动化中的选型要点,重点对比电阻式与电容式传感器的核心原理、环境适应性及成本结构。针对不同工业场景(如高精度装配、重载机器人等),提供专业选型建议,帮助工程师优化系统性能与经济效益。

weixin_42525005的博客 395

如何通过按钮来控制checkbox选中还是不被选中

如何通过按钮来控制checkbox选中还是不被选中

qq_19551571的博客 1274

正确解决Authentication plugin ‘caching _sha2_password’ cannot be loaded:异常的有效解决方法

正确解决Authentication plugin ‘caching _sha2_password’ cannot be loaded:异常的有效解决方法

wbajsjhhhhh的博客 1万+

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

想创业怕失败就不要轻易选择去创业

你要明白创业并不是一蹴而就的。实力再强的公司都有遭遇过失败的经历。 虽说我一般建议创业者都不要有“必胜”想法,但过于悲观思想,很可能在面对自己的一次失败后就丧失斗志。很难爬起来。 失败其实并不可怕,可怕的是你没有足够的信心和勇气去面对。 我自己在创业前期也有过三次紧张到没生活费的时候~ 记得第一次是刚大学毕业创业,当时是因为没有社会经验;其次是在2009年初,艰难到刷信用卡度日;然后是2011年底,那时我身上只有千余块,没落到借钱度日。记住那些艰难的岁月,那会让自己更加居安思危,淡然面对成绩。 创业成功的三

地推 547

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

各种编程语言在机器中的执行效率排行

每种语言都有自己的特性和优势,不能只从它在机器里的执行效率来考虑学习和使用哪种语言,一定要根据语言特性和自己的爱好来选择学习的语言!

xuhaiqi123的博客 2947

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

SqlDataReader使用实例

//创建一个个人爱好选择模块 protected void Page_Load(object sender, EventArgs e){ SqlConnection conn = new SqlConnection("server=WEQWERWER\\SQLEXPRESS;database=TestDataBase;uid=sa;pwd=zj."); conn.Open()...

weixin_38169798的博客 226

易洋千玺也考公,宇宙尽头是编制?

????????关注后回复“进群”,拉你进程序员交流群????????作者丨findyi来源丨findyi阅读本文大概需要5分钟。经常有读者问:做程序员太累要不要考个公务员或者找一份国企工作、刚毕业是选择考公还是去互联网公司?这些问题不同人有不同的答案,很多时候没法回答,只好回一句:要不先考上公务员或者拿了国企Offer再做选择?现在考公和进国企(有编制的那种)可真不简单,用难如登天夸张了点...

<sdffdsfsdfdfs>sfsfsfsdfsdffds</sdfsDS>Fsd 386

奇安信春招一面面试题

选择这个方向,是因为它需要持续学习新漏洞(比如最近研究的Log4j绕过姿势)、懂开发更要懂破坏,而每一次攻防对抗都能让我更贴近‘安全’的本质——而奇安信在实战中打磨出的安全能力,正是我最想学习和贡献的地方。此外,奇安信的导师制培养体系对我很有吸引力——作为新人,我希望在实战中向资深专家学习SDL(安全开发生命周期)的落地经验,同时也能贡献我在自动化测试脚本开发上的经验,帮助提升安全测试效率。说白了,我希望自己能像一块海绵,在公司里吸收经验,同时也能用我的技术给团队‘加点速’。5000篇网安资料库。

persist213的博客 1163

bootstrap sql 城市选择_该如何选择编程语言

大部门读者都应该知道,进入编程行业,选择一门编程语言超级重要,直接会决定你未来的发展方向,那么如何选择一门编程语言呢?今天来聊聊如何选择一门编程语言作为第一份工作的技术栈。 网上很多人说,干嘛纠结一门语言,语言不重要,但是现实中情况就是企业招聘的工作岗位就是限定语言的,面试就是面这门语言的各种知识,概念,以及相关生态的解决方案。确定一门编程语言直接影响投简历时候的职位选择。下面来说说如何选择一门...

weixin_33193177的博客 96
上一篇: 显示人物信息
下一篇: JSP作业2 - 利用html实现简单的用户登录注册界面
Hades_Dev
博客等级 码龄14年 542粉丝 306原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值