精华内容
下载资源
问答
  • 单选框和复选框 单选按钮复选按钮都是普通按钮Button的子类,所以可以使用所有Button的方法和属性。也有自己特有的属性方法 单选框 单选框就是在多个选项中只选择一个。 在Android中,单选按钮用RadioButton表示,...
  • 单选框和复选框

    千次阅读 2017-06-08 22:40:35
    1、单选框以及复选框的使用 单选框以及复选框的使用 性别: 男 女 爱好: 篮球 足球 跑步

    1、单选框以及复选框的使用

    <!DOCTYPE HTML>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>单选框以及复选框的使用</title>
    </head>
    
    <body>
        <form>
            <!--单选框-->
            <label>性别:</label>
            <label>男</label>
            <input type="radio" name="gender" value="man" />
            <label>女</label>
            <input type="radio" name="gender" value="woman" checked="checked"/>    <!--默认选中-->
            <br/><br/>
            
            <!--复选框-->
            <label>爱好:</label>
            <label>篮球</label>
            <input type="checkbox" name="hobby" value="1" />
            <label>足球</label>
            <input type="checkbox" name="hobby" value="2" />
            <label>跑步</label>
            <input type="checkbox" name="hobby" value="3" checked="checked" />     <!--默认选中-->
            <label>跳舞</label>
            <input type="checkbox" name="hobby" value="4" />
        </form>
    </body>
    </html>

    (1)type属性

    • radio:表示单选框
    • checkbox:表示多选框

    (2)value属性:提交数据到服务器的值(供后端程序使用)

    (3)name属性:为控件命名,以备后台程序 ASP、PHP 使用

    (4)checked属性:当设置 checked="checked" 时,该选项被默认选中

    结果显示如下图:



    以上代码只有在点击选项后的圆圈或者小方块的时候才能选中该选项,那么如何实现点击文字就选中选项呢?


    2、点击文字选中选项

    一般有两种实现方法,具体代码分别如下:

    <!DOCTYPE HTML>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>如何实现点击文字选中选项</title>
    </head>
    
    <body>
        <form>
            <!--第一种方法:把文字和input包含在lable标签中-->
            <!--单选框-->
            <label>性别:</label>
            <label>男<input type="radio" name="gender" value="man" /></label>
            <label>女<input type="radio" name="gender" value="woman" checked="checked"/></label>      <!--默认选中-->
            <br/><br/>
            <!--复选框-->
            <label>爱好:</label>
            <label>篮球<input type="checkbox" name="hobby" value="1" /></label>
            <label>足球<input type="checkbox" name="hobby" value="2" /></label>
            <label>跑步<input type="checkbox" name="hobby" value="3" checked="checked" /> </label>     <!--默认选中-->
            <label>跳舞<input type="checkbox" name="hobby" value="4" /></label>
            
            <!--第二种方法:文字在label标签内,input中的id和<label>标签内的for=""中的名字必须相同-->
            <!--单选框-->
            <label>性别:</label>
            <label for="radio1">男</label>
            <input type="radio" name="gender" value="man" id="radio1" />
            <label for="radio2">女</label>
            <input type="radio" name="gender" value="woman" id="radio2" checked="checked"/>    <!--默认选中-->
            <br/><br/>
            <!--复选框-->
            <label>爱好:</label>
            <label for="check1">篮球</label>
            <input type="checkbox" name="hobby" value="1" id="check1" />
            <label for="check2">足球</label>
            <input type="checkbox" name="hobby" value="2" id="check2" />
            <label for="check3">跑步</label>
            <input type="checkbox" name="hobby" value="3" id="check3" checked="checked" />     <!--默认选中-->
            <label for="check4">跳舞</label>
            <input type="checkbox" name="hobby" value="4" id="check4" />
        </form>
    </body>
    </html>


    展开全文
  • 单选框和复选框属性使用

    千次阅读 2014-11-20 17:49:51
    2、单击“点击”或“多选“按钮能选中所的选项,包括 单选和多选,在这里就把单选和多选放在一起了。 package com.example.jj; import android.app.Activity; import android.os.Bundle; import ...
     
    

    1、创建xml布局文件

    <?xml version="1.0" encoding="utf-8"?>
    <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"


                android:layout_width="match_parent"
                android:layout_height="match_parent">
    <LinearLayout
                  android:orientation="vertical"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent">
        <RadioGroup
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"


                >


            <RadioButton android:id="@+id/radio_1"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="北京"
                         android:textSize="20dp"
                         android:onClick="on"


                    />


            <RadioButton android:id="@+id/radio_2"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="上海"
                         android:textSize="20dp"
                         android:onClick="on"
                    />
            <RadioButton android:id="@+id/radio_3"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="成都"
                         android:textSize="20dp"
                         android:onClick="on"
                    />
            <RadioButton android:id="@+id/radio_3"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="广州"
                         android:onClick="on"
                         android:textSize="20dp"
                    />
        </RadioGroup>
        <RadioGroup
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"




                >
            <RadioButton
                    android:id="@+id/bamei"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="把妹"
                    android:textSize="20dp"
                    android:layout_marginTop="20dp"
                    android:onClick="one"
                    />
            <RadioButton
                    android:id="@+id/yundong"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="运动"
                    android:textSize="20dp"
                    android:onClick="one"
                    />
            <RadioButton
                    android:id="@+id/youyong"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="游泳"
                    android:textSize="20dp"


                    />
            <RadioButton
                    android:id="@+id/chifan"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="吃饭"
                    android:textSize="20dp"
                    android:onClick="one"
                    />
            <Button
                    android:id="@+id/radiobutton"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="点击"
                    android:textSize="24dp"
                    android:layout_marginTop="40dp"
                    android:layout_marginLeft="150dp"


                    />
        </RadioGroup>
        <TextView android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="新闻订阅"
                  android:textSize="24dp"


                />
        <CheckBox
                android:id="@+id/junshi"
                android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="军事"
                  android:layout_marginTop="10dp"
                  android:textSize="22dp"


                />
        <CheckBox
                android:id="@+id/nvren"
                android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="女人"
                  android:textSize="22dp"


                />
        <CheckBox
                android:id="@+id/toutiao"
                android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="头条"
                  android:textSize="22dp"


                />
        <Button
        android:id="@+id/radio"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="多选"
        android:textSize="24dp"
        android:onClick="duoxuananniu"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="150dp"


        />


    </LinearLayout>
    </ScrollView>

    2、单击“点击”或“多选“按钮能选中所选的选项,包括 单选和多选,在这里就把单选和多选放在一起了。

    package com.example.jj;


    import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.CheckBox;
    import android.widget.RadioButton;
    import android.widget.Toast;


    /**
     * Created by Administrator on 14-11-19.
     */
    public class Radio_group extends Activity {
        private Button buttonone, buttontwo;
        private String city, tian;
        private String home, di;
        private CheckBox the, the2, the3;


        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.radio_group);
            the = (CheckBox) findViewById(R.id.junshi);
            buttontwo = (Button) findViewById(R.id.radio);


            buttonone = (Button) findViewById(R.id.radiobutton);


            buttontwo.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(Radio_group.this, "tian:" + tian + "di:" + di, Toast.LENGTH_LONG).show();
                }
            });


            buttonone.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(Radio_group.this, "city:" + city + "home:" + home, Toast.LENGTH_LONG).show();
                }
            });




        }


        public void on(View v) {
            RadioButton button = (RadioButton) v;
            String text = button.getText().toString();
            city = text;
        }


        public void one(View v) {
            RadioButton button = (RadioButton) v;
            String text = button.getText().toString();
            home = text;
        }


        public void nvren(View v) {
            RadioButton button = (RadioButton) v;
            String text = button.getText().toString();
            home = text;
        }


        public void junshi(View v) {
            RadioButton button = (RadioButton) v;
            String text = button.getText().toString();
            home = text;
        }


        public void toutiao(View v) {
            RadioButton button = (RadioButton) v;
            String text = button.getText().toString();
            home = text;
        }
    }


    展开全文
  • 纯CSS实现自定义单选框和复选框

    千次阅读 多人点赞 2020-07-14 06:49:14
    2.4 CSS3 :checked 选择器 :checked 选择器匹配每个选中的输入元素(仅适用于单选按钮或复选框)。 2.5 CSS element+element 选择器 element+element 选择器用于选择(不是内部)指定的第一个元素之后紧跟的...

    目录

    1 实现效果 

    2 知识点讲解

    2.1 标签

    2.2 CSS3 box-shadow 属性

    2.3 CSS3 transition 属性

    2.4 CSS3 :checked 选择器

    2.5 CSS element+element 选择器

    3 代码实现 


    1 实现效果 

    演示地址: https://www.albertyy.com/2020/7/check1.html 

    另一篇文章:https://albertyang.blog.csdn.net/article/details/107349231

    2 知识点讲解

    2.1 <label>标签

    在html中,<label>标签通常和<input>标签一起使用,<label>标签为input元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果,<label>标签的作用是为鼠标用户改进了可用性,当用户点击<label>标签中的内容时,浏览器就会自动将焦点转到和该标签相关联的控件上<label>标签在单选按钮和复选按钮上经常被使用,使用该标签后,你点击label标签内的内容,也可以选中对应的单选按钮或复选按钮。

    <label>标签语法格式:

    <label for="关联控件的id" form="所属表单id列表">文本内容</label>

    关联控件的id一般指的是input元素的id;在html5中还新增了一个属性form,form属性是用来规定所属的一个或多个表单的 id 列表,以空格隔开;当<label>标签不在表单标签<form>中时,就需要使用form属性来指定所属表单;

    <label> 元素没有特别的样式考虑——结构上,<label> 是简单的行内元素,所以可使用和 <span> 或 <a>元素大致相同的方式来应用样式。

    2.2 CSS3 box-shadow 属性

    boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表,每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。

    语法:

    box-shadow: h-shadow v-shadow blur spread color inset;

    说明

    h-shadow

    必需的。水平阴影的位置。允许负值

    v-shadow

    必需的。垂直阴影的位置。允许负值

    blur

    可选。模糊距离

    spread

    可选。阴影的大小

    color

    可选。阴影的颜色。

    inset

    可选。从外层的阴影(开始时)改变阴影内侧阴影

    2.3 CSS3 transition 属性

    transition 属性用来设置元素渡效果,四个简写属性为:

    transition-property

    transition-duration

    transition-timing-function

    transition-delay

    语法

    transition: property duration timing-function delay;

    描述

    transition-property

    指定CSS属性的name,transition效果

    transition-duration

    transition效果需要指定多少秒或毫秒才能完成

    transition-timing-function

    指定transition效果的转速曲线

    transition-delay

    定义transition效果开始的时间

    2.4 CSS3 :checked 选择器

    :checked 选择器匹配每个选中的输入元素(仅适用于单选按钮或复选框)。

    2.5 CSS element+element 选择器

    element+element 选择器用于选择(不是内部)指定的第一个元素之后紧跟的元素。

    例如:选择所有紧接着 <div> 元素之后的第一个 <p> 元素:

    div+p{ background-color:yellow; }

    3 代码实现 

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<style type="text/css">
    			#main {
    				display: flex;
    				justify-content: center;
    				align-items: center;
    				flex-wrap: wrap;
    			}
    
    			#wrap {
    				position: relative;
    				margin: 10px;
    			}
    
    			.item {
    				width: 100px;
    				height: 100px;
    				background-color: #9E9E9E;
    				position: relative;
    				box-shadow: 0 0 0 3px #dbe0e3;
    				transition: all 0.5s;
    				cursor: pointer;
    			}
    
    			.item img {
    				width: 20px;
    				height: 20px;
    				position: absolute;
    				bottom: 0px;
    				right: 0px;
    				opacity: 0;
    			}
    
                input[type="radio"],
    			input[type="checkbox"] {
    				display: none;
    			}
    
    			input:checked+label .item {
    				box-shadow: 0 0 0 3px #00a3ff;
    				color: #FFFFFF;
    				background-color: #efad4c;
    			}
    
    			input:checked+label .item img {
    				opacity: 1;
    			}
    			
    			.content {
    				font-size: 30px;
    				text-align: center;
    				line-height: 100px;
    			}
    		</style>
    	</head>
    	<body>
    		<div id="main">
    			
    			<h1>多选</h1>
    			<div id="wrap">
    			    <input type="checkbox" name="1" id="item1" />
    				<label for="item1">
    					<div class="item">
    						<div class="content">
    							1
    						</div>
    						<img src="ico_checkon.svg" />
    					</div>
    				</label>
    			</div>
    			<div id="wrap">
    			
    				<input type="checkbox" name="1" id="item2" />
    				<label for="item2">
    					<div class="item">
    						<div class="content">
    							2
    						</div>
    						<img src="ico_checkon.svg" />
    					</div>
    				</label>
    			</div>
    			<div id="wrap">
    			
    				<input type="checkbox" name="1" id="item3" />
    				<label for="item3">
    					<div class="item">
    						<div class="content">
    							3
    						</div>
    						<img src="ico_checkon.svg" />
    					</div>
    				</label>
    			</div>
    			<div id="wrap">
    			
    				<input type="checkbox" name="1" id="item4" />
    				<label for="item4">
    					<div class="item">
    						<div class="content">
    							4
    						</div>
    						<img src="ico_checkon.svg" />
    					</div>
    				</label>
    			</div>
    			<div id="wrap">
    			
    				<input type="checkbox" name="1" id="item5" />
    				<label for="item5">
    					<div class="item">
    						<div class="content">
    							5
    						</div>
    						<img src="ico_checkon.svg" />
    					</div>
    				</label>
    			</div>
    			
    			<h1>单选</h1>
    			<div id="wrap">
    			    <input type="radio" name="1" id="item6" />
    				<label for="item6">
    					<div class="item">
    						<div class="content">
    							1
    						</div>
    						<img src="ico_checkon.svg" />
    					</div>
    				</label>
    			</div>
    			<div id="wrap">
    			
    				<input type="radio" name="1" id="item7" />
    				<label for="item7">
    					<div class="item">
    						<div class="content">
    							2
    						</div>
    						<img src="ico_checkon.svg" />
    					</div>
    				</label>
    			</div>
    			<div id="wrap">
    			
    				<input type="radio" name="1" id="item8" />
    				<label for="item8">
    					<div class="item">
    						<div class="content">
    							3
    						</div>
    						<img src="ico_checkon.svg" />
    					</div>
    				</label>
    			</div>
    			<div id="wrap">
    			
    				<input type="radio" name="1" id="item9" />
    				<label for="item9">
    					<div class="item">
    						<div class="content">
    							4
    						</div>
    						<img src="ico_checkon.svg" />
    					</div>
    				</label>
    			</div>
    			<div id="wrap">
    			
    				<input type="radio" name="1" id="item10" />
    				<label for="item10">
    					<div class="item">
    						<div class="content">
    							5
    						</div>
    						<img src="ico_checkon.svg" />
    					</div>
    				</label>
    			</div>
    		</div>
    	</body>
    </html>
    

     

    展开全文
  • 单选框和复选框控件

    2019-10-25 11:45:06
    参考链接:https://blog.csdn.net/tcjiaan/article/details/8559633 ... 单选按钮(RadioButto)和复选框(CheckBox)都属于BUTTON类,只是应用了不同的style 一、单选框 CreateWindow(L"St...

    参考链接:https://blog.csdn.net/tcjiaan/article/details/8559633

    https://blog.csdn.net/u014660247/article/details/52851259

    单选按钮(RadioButto)和复选框(CheckBox)都属于BUTTON类,只是应用了不同的style

    一、单选框

    CreateWindow(L"Static",L"你喜欢哪一种颜色?",
    	WS_CHILD | WS_VISIBLE | SS_SIMPLE,
    	10,yLoc,150,18,hwnd,NULL,hthisapp,NULL);
    //第一组单选按钮
    yLoc += 22;
    CreateWindow(L"Button",L"蓝色",WS_CHILD | WS_VISIBLE | BS_AUTORADIOBUTTON | WS_GROUP,
    	12,yLoc,60,16,hwnd,(HMENU)IDC_RADBTNBLUE,hthisapp,NULL);
    yLoc += 20;
    CreateWindow(L"Button",L"红色",WS_CHILD | WS_VISIBLE | BS_AUTORADIOBUTTON,
    	12,yLoc,60,16,hwnd,(HMENU)IDC_RADBTNRED,hthisapp,NULL);
    yLoc += 20;
    CreateWindow(L"Button",L"绿色",WS_CHILD | WS_VISIBLE | BS_AUTORADIOBUTTON,
    	12,yLoc,60,16,hwnd,(HMENU)IDC_RADBTNGREEN,hthisapp,NULL);

    注意:
    1.凡是设置了WS_GROUP的单选框做为一组中的首元素,随后的所有单选按钮都和它在同一组,直到下一个设置了WS_GROUP样式的单选按钮。
    2.使用BS_RADIOBUTTON属性点击它的时候,不会自动被选中,使用BS_AUTORADIOBUTTON后,系统就会自动处理选择状态

    二、复选框
    1.获取和设置选择状态
    BM_SETCHECK
        wParam -- 状态
        lparam -- 不用,给0;
    BM_GETCHECK:
        wParam/lParam -- 都为0,其状态通过SendMessage的返回值判断
        返回值: BST_CHECKED  BST_UNCHECKED

    //手动 复选框 自己维护
    CreateWindowEx(0, L"BUTTON", L" CheckBox", WS_CHILD | WS_VISIBLE | BS_CHECKBOX,
    50, 100, 200, 30, hWnd, (HMENU)1003, hInst, NULL);
     // 自动复选框 系统维护
    CreateWindowEx(0, L"BUTTON", L" AutoCheckBox", WS_CHILD | WS_VISIBLE | BS_AUTOCHECKBOX,
    50, 140, 200, 30, hWnd, (HMENU)1004, hInst, NULL);
     // 三态 自己维护
    CreateWindowEx(0, L"BUTTON", L"3State", WS_CHILD | WS_VISIBLE | BS_3STATE,
    50, 180, 200, 30, hWnd, (HMENU)1005, hInst, NULL);
    // 自动三态 系统维护
    CreateWindowEx(0, L"BUTTON", L"Auto3State", WS_CHILD | WS_VISIBLE | BS_AUTO3STATE,
    50, 220, 200, 30, hWnd, (HMENU)1006, hInst, NULL);
    手动设置复选框状态:
    case WM_COMMAND:
    wmId    = LOWORD(wParam);
    wmEvent = HIWORD(wParam);
    // 分析菜单选择: 
    switch (wmId)
    {
    	case 1003:
    	{
    		// wmId = LOWORD(wParam);
    		// wmEvent = HIWORD(wParam);
    		if (wmEvent == BN_CLICKED)
    		{
    			//MessageBox(NULL, L"....", L"Infor", MB_OK);
    			HWND child = GetDlgItem(hWnd, 1003);
    			int ret = SendMessage(child, BM_GETCHECK, 0, 0);
    
    
    			if (ret == BST_CHECKED)
    			{
    				SendMessage(child, BM_SETCHECK, BST_UNCHECKED, 0);
    				// MessageBox(NULL, L"....", L"Infor", MB_OK);
    			}
    			else
    				SendMessage(child, BM_SETCHECK, BST_CHECKED, 0);
    		}
    	}
    }

     

    展开全文
  • react实现单选框复选框和下拉框

    万次阅读 2018-05-03 16:23:11
    在博文 vue.js实现单选框复选框和下拉框中详细叙述了vue实现表单的基本原理。本文将利用react实现相同功能。一、react开发模板 使用react进行网页开发,其基本结构如下:&lt;!DOCTYPE html&gt; &lt;...
  • vue.js实现单选框复选框和下拉框

    万次阅读 多人点赞 2017-05-11 10:45:10
    Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势。下边以单选框复选框和下拉框为例介绍他们在HTMLVue.js中的具体实现方式。以及使用过程中要注意的问题
  • 单选框效果: 单选框的样式是不可改变的,实际上的改变样式只是寻找别的东西来替换单选框。 css代码 input{ display: none; } span::before{ display: block; width: 20px; height: 20px; ...
  • 判断单选框复选框是否选中</title> </head> <body> <input name=”radio1″ type=”radio” value=”test”> <button onClick=”alert(‘单选项’+(document....
  • 当我们提供用户注册界面的时候,常常会用到:复选框组件(JCheckBox)单选框组件(JRadioButton)介绍两个个组件:复选框组件(JCheckBox):可以多选的选择框单选框组件(JRadioButton):只能单选的选择框注意事项...
  • jQuery mobile 学习09 单选框和复选框的使用
  • Qt入门-单选框和复选框

    万次阅读 2012-07-20 11:25:06
    在Qt GUI中,单选框类是QRadioButton,复选框类是QCheckBox。它们都是QAbstractButton的派生类。 (1)单选框 示例: //设置为选择状态 radioButton->setChecked(true);...bool radio_sel = ... 复选框不同于单选
  • 单选框/复选框美化插件就比较少见到了,今天就来介绍一...它除了能够实现单选框/复选框原本的选中、未选中、禁用等功能外,还能够设置选中未选中的文本信息、标签的最小宽度等。 使用方法 1、引入文件 <...
  • vue.js实现单选框和复选框

    千次阅读 2019-12-17 17:38:58
    vue.js可以使用v-model指令在...一、单选框 在传统的HTML中实现单选框的代码如下: <div> <p>性别:</p> <input type="radio" name="first" value="man"> <label for="man">男<...
  • 在开发过程中,为了提高代码维护性,一般使用foreach语句来输出复选框或者单选框中的值。例如我的这段代码: 1 <?php 2 foreach ($Array_yanpan_report_muban as $key => $value){ 3 ?> 4 <label ...
  • 摘要:脚本资源,Ajax/JavaScript,单选... 在此注意,有的网页会问:为什么我无论是否选中该复选框 remember的值都是on???  因为checkbox的默认value值是on,你checked or unchecked ,只是改变了checked这个属性而已
  • 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。...
  • MFC——分组框,单选框复选框

    千次阅读 2017-09-22 16:50:34
    组合框“Group Box”,用于里面放置多种控件,如单选框,或者复选框复选框“Check Box”,方形控件,鼠标点击打勾多选。 单选按钮“Radio button”,圆形按钮控件,多个控件间单选。 注意1:单选按钮之间的...
  • 单选框复选框、文本框的只读设置方法
  • HTML中的单选框和复选框及其选择

    千次阅读 2014-10-27 11:04:12
    单选,但是要注意此时需要把对象的name 属性设置为相同 ps 不是ID ,只有这样才会实现单选的效果,不然几个选项都是单独的没有联系的单选复选 b
  • 1)可以采用css3缩放属性: transform:scale(*); 注意:*>1时为放大,0<*<1时为缩小; 2)小程序的自带的css样式 .wx-radio-input{ width:24rpx!important; height:24rpx!important; } .wx-checkbox...
  • 在H5中单选和复选都有一个属性及checked; true为选中,false为为选中; 在vue中v-bind即:可以解析一些运算(如三目运算符等) 双向数据绑定的意义在于我即可以获取到我选中的信息又可以根据信息来将相应的置为选中...
  • 单选框 源码 &lt;input type="radio" name="subject[0]" required="" value="F1" aria-required="true"&gt; &lt;input type="radio" ...
  • 单选框和复选框的区别是什么?单选框和复选框的区别是什么? 详细一点~。(1)复选框可以允许你选择多个设置,而单选框则允许你选择一个设置; 这两个选框的区别是一个通过用圆圈表示,一个通过用方框表示。 (2)单选...
  • 在开始学习radio的用法的时候,觉得很简单,但在用的时候,却不知道怎么进行单选,后来查了很长时间才明白其中的道理,其中,name的值是要相等的,这里的值是什么值都可以,只要相等就行 &lt;input type="...
  • 单选框,类型为radio,同一组的单选框,必须name值一致,id用于与label的for属性关联,value必写,会被发送到服务器。 <form class="radioStyle"> 你最喜欢哪个季节?(radio单选) <input type=...
  • 原文 : jQuery 获取单选框复选框)选中的状态 <input type="checkbox" name="" id="choose"/> / <input type="raido" name="" id="choose"/> <script type="text/javascript"> $(document)....
  • &#13; 方法有两种: 一:采用css的zoom属性 zoom缩放会将元素保持在左上角,并且会有毛边,可能会稍稍改变元素原来的形状。...整体来说zoom属性与transform:scale属性主要存在如下几点差异 1、zoom的缩放是...
  • 复选框3. 下拉框 1. 单选框 radio单选框 : 也是通过v-model结合value来使用的,v-model的值 value 值对应的那项就是被选中项 <!-- radio单选框 也是通过v-model结合value来使用的,v-model的值 value 值对应的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 55,300
精华内容 22,120
关键字:

单选框和复选框的属性