精华内容
下载资源
问答
  • //html代码单选框//js代码layui.use(['form', 'layer', 'jquery' ], function () {$ = layui.jquery;var layer = layui.layer,form = layui.form;//监听多选框点击事件 主要是通过 lay-filter="sex" 来监听form.on('...

    //html代码

    单选框

    //js代码

    layui.use(['form', 'layer', 'jquery' ], function () {

    $ = layui.jquery;

    var layer = layui.layer,

    form = layui.form;

    //监听多选框点击事件 主要是通过 lay-filter="sex" 来监听

    form.on('radio(sex)', function (data) {

    console.log( data );  //打印当前选择的信息

    if( data.elem.checked){      //判断当前多选框是选中还是取消选中

    alert('当前选中');

    }else{

    alert('取消选中')

    }

    var value = data.value; // 当前选中的value值

    });

    }

    展开全文
  • 武 汉 科 技 大 学 Java及移动开发实验报告 2019年 5 月 29 日 1.实验目的: ...(4)熟悉按钮触发事件、单选框触发事件、复选框触发事件 2.实验内容: 1、一个垂直布局里有四个水平布局和两个Tex...

    武 汉 科 技 大 学

    Java及移动开发实验报告

    2019年 5 月 29 日

    1.实验目的:
    (1)熟悉 Android 开发环境及平台调试方法
    (2)理解 Service、BroadcastReceiver 与 Activity 的不同点。
    (3)掌握组件的使用
    (4)熟悉按钮触发事件、单选框触发事件、复选框触发事件

    2.实验内容
    1、一个垂直布局里有四个水平布局和两个TextView
    2、第一个LinearLayout里面有一个TextView部件和EditText部件
    3、第二个水平布局依次存放一个button部件和TextView部件,button按钮点击后,可将第一个水平布局中的EditText的内容更新到第二个水平布局的TextView中
    4、第三个水平布局的有一组单选按钮(3个)
    5、第四个水平布局有三个CheckBox
    6、最后两个TextView分别实现单选框和复选框触发事件

    3.实验代码:
    activity_main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="com.example.lenovo.ui.MainActivity">
    
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_centerHorizontal="true"
            android:layout_alignParentTop="true"
            android:weightSum="1">
    
            <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_weight="0.04">
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="message:"
                    android:id="@+id/TextView" />
    
                <EditText
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:inputType="textPersonName"
                    android:text=" "
                    android:ems="10"
                    android:id="@+id/editText1"
                    android:layout_weight="1" />
            </LinearLayout>
    
            <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_weight="0.07">
    
                <Button
                    android:onClick="click1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="get  message"
                    android:id="@+id/btn" />
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="得到输入信息"
                    android:id="@+id/TextView2" />
            </LinearLayout>
    
            <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:weightSum="1"
                android:layout_weight="0.05">
    
                <RadioGroup
                    android:id="@+id/color"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:checkedButton="@+id/male">
    
                    <RadioButton
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="red"
                        android:id="@+id/rb1"
                         />
    
                    <RadioButton
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="green"
                        android:id="@+id/rb2"
                        />
    
                    <RadioButton
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="blue"
                        android:id="@+id/rb3" />
                </RadioGroup>
            </LinearLayout>
    
            <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:weightSum="1"
                android:layout_weight="0.05">
    
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="first"
                    android:id="@+id/cb1"
                    android:layout_weight="0.14" />
    
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="second"
                    android:id="@+id/cb2"
                    android:layout_weight="0.12" />
    
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="third"
                    android:id="@+id/cb3"
                    android:layout_weight="0.00" />
            </LinearLayout>
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="color:"
                android:id="@+id/tv1"
                android:layout_weight="0.05" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="sequence:"
                android:id="@+id/tv2"
                android:layout_weight="0.07" />
        </LinearLayout>
    </RelativeLayout>
    

    MainActivity.java:

    package com.example.lenovo.ui;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.widget.EditText;
    import android.widget.TextView;
    import android.widget.RadioButton;
    import android.widget.RadioGroup;
    import android.widget.CheckBox;
    import android.widget.CompoundButton;
    import android.view.View;
    import android.widget.Toast;
    
    
    public class MainActivity extends AppCompatActivity {
        EditText et1;
        TextView tv;
    
        private TextView tv1 = null;
        private RadioGroup color = null;
        private RadioButton rb1 = null;
        private RadioButton rb2 = null;
        private RadioButton rb3 = null;
        private String head = "color:";
    
        CheckBox cb1=null;
        CheckBox cb2=null;
        CheckBox cb3=null;
        TextView tv2=null;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            et1=(EditText)this.findViewById(R.id.editText1);
            tv=(TextView)this.findViewById(R.id.TextView2);
            cb1=(CheckBox)findViewById(R.id.cb1);
            cb2=(CheckBox)findViewById(R.id.cb2);
            cb3=(CheckBox)findViewById(R.id.cb3);
            tv2=(TextView)findViewById(R.id.tv2);
    
            //给CheckBox设置事件监听
    
            cb1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener(){
                @Override
                public void onCheckedChanged(CompoundButton buttonView,
                                             boolean isChecked) {
                    // TODO Auto-generated method stub
                    if(isChecked){
    
                        tv2.setText("sequence:"+buttonView.getText());
                    }else{
                        tv2.setText("sequence:"+buttonView.getText());
                    }
                }
            });
    
            cb2.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener(){
                @Override
                public void onCheckedChanged(CompoundButton buttonView,
                                             boolean isChecked) {
                    // TODO Auto-generated method stub
                    if(isChecked){
                        tv2.setText("sequence:"+buttonView.getText());
                    }else{
                        tv2.setText("sequence:"+buttonView.getText());
                    }
                }
            });
            cb3.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener(){
                @Override
                public void onCheckedChanged(CompoundButton buttonView,
                                             boolean isChecked) {
                    // TODO Auto-generated method stub
                    if(isChecked){
                        tv2.setText("sequence:"+buttonView.getText());
                    }else{
                        tv2.setText("sequence:"+buttonView.getText());
                    }
                }
            });
        }
    
    
        public void click1(View view){
            String s1=et1.getText().toString().trim();
            tv.setText(" message :"+s1);
            initView();
        }
    
        private void initView(){
            //初始化组件
            tv1 = (TextView)super.findViewById(R.id.tv1);
            color = (RadioGroup)super.findViewById(R.id.color);
            rb1 = (RadioButton)super.findViewById(R.id.rb1);
            rb2 = (RadioButton)super.findViewById(R.id.rb2);
            rb3 = (RadioButton)super.findViewById(R.id.rb3);
            //获取显示前缀(即您的性别是:),以便显示美观
            head = tv1.getText().toString();
            //未调用监听时显示默认选择内容
            if(rb1.getId() == color.getCheckedRadioButtonId()){
                tv1.setText(head+rb1.getText().toString());
            }else if(rb2.getId() == color.getCheckedRadioButtonId()){
                tv1.setText(head+rb2.getText().toString());
            }else if(rb3.getId() == color.getCheckedRadioButtonId()) {
                tv1.setText(head + rb3.getText().toString());
            }
            //为RadioGroup设置监听事件
                color.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
    
                    @Override
                    public void onCheckedChanged(RadioGroup group, int checkedId) {
                        // TODO Auto-generated method stub
                        String s2 = "";
                        if(checkedId == rb1.getId()){
                            s2 = rb1.getText().toString();
                        }else if(checkedId == rb2.getId()){
                            s2 = rb2.getText().toString();
                        }else if(checkedId == rb3.getId()){
                            s2 = rb3.getText().toString();
                        }
                        tv1.setText(head+s2);
                    }
                });
            }
            //给CheckBox设置事件监听
    
    
        }
    

    4.实验结果:
    在这里插入图片描述

    5.实验小结:
    实验中遇到的问题:
    ① 按钮触发事件的方法名,在.xml文件和.java 文件写的不一致,导致app在手机上运行后,点击按钮,出现闪退的情况,更改方法名后,问题解决,不闪退;
    ② 单选按钮不能单选,可以多选于是添加了radiogroup,将三个radiobutton放进去,遂可以单选;
    ③ findViewById()处填入id名前,忘记加R.id.
    ④ 复选框按钮 不可打印多个text ,将ischecked设为true,用数组来实现。
    实验心得:
    通过本次实验,熟悉 Android 开发环境及平台调试方法,学会了一些基本组件的使用及布局,掌握按钮、单选按钮、复选框的触发事件的调用。虽然这次实验做的时间挺长的,但是收获了知识却蛮多的,让我逐渐对安卓产生了更浓厚的兴趣。

    展开全文
  • ①单选的实现:将单选框用name统一联系起来; 2.①取选项的值时用函数val(),刚开始想当然的用.value 3.紧接着下面的四行JQ代码是比较得意的一段。进行了优化,没有用四个if语句造成冗余 4.②取出radio后面的选项...

    #frame{

    width:600px;

    height:300px;

    border:solid 0px gold;

    }

    #left{

    float:left;

    }

    #right{

    float:left;

    margin:30px;

    }

    fieldset{

    width:350px;

    height:200px;

    }

    img{

    width:140px;

    height:200px;

    }

    input{

    margin:15px;

    }

    .img1{

    width:140px;

    height:200px;

    border:solid 1px grey;

    }

    .img2{

    width:140px;

    height:200px;

    border:solid 1px red;

    }

    .img3{

    width:140px;

    height:200px;

    border:solid 3px red;

    }

    .img4{

    width:140px;

    height:200px;

    border:solid 3px red;

    padding:3px;

    }

    #text{

    float:left;

    margin-left:5px;

    }

    #tip{

    float:left;

    }

    设置

    加框

    加红色框

    加红色粗线框

    加红色有内边距粗线框

    当前状态:
    什么都没有...

    $("input:radio[name='style']").change(function (){

    var opt=$("input:radio[name='style']:checked").val();//①

    $("#pic").removeClass();

    $("#pic").addClass("img"+opt);

    $("#tip").text($("input[name='style']:checked").next("label").text());//②

    $("#tip").css("color","red");

    });

    放了假学习了一下HTML5,感觉做起来很有成就感呢,JQ太不熟,用JQ获得选定内容时卡了很久。

    1.①单选的实现:将单选框用name统一联系起来;

    2.①取选项的值时用函数val(),刚开始想当然的用.value

    3.紧接着下面的四行JQ代码是比较得意的一段。进行了优化,没有用四个if语句造成冗余

    4.②取出radio后面的选项文字可以把文字用表示,以便于灵活的调用,调用方法$(...).next("label").text()

    0d4981099c653703907aeae29733ae4a.png

    展开全文
  • function sele(){if(document.getElementById("agreement").checked==false) //判断单选框此时状态为未选agreement为单选框id{document.getElementById("button_disabled").style.display="inline"; //显示不可用...

    function sele(){

    if(document.getElementById("agreement").checked==false) //判断单选框此时状态为未选agreement为单选框id

    {

    document.getElementById("button_disabled").style.display="inline"; //显示不可用按钮

    document.getElementById("button_enabled").style.display="none"; //隐藏不可用按钮

    }

    else //判断单选框此时状态为已选

    {

    document.getElementById("button_disabled").style.display="none";

    document.getElementById("button_enabled").style.display="inline";

    }

    }

    //用onchange触发事件

    展开全文
  • 百度了一下,没找到答案,然后还是谷歌靠谱,简单来说,就是因为点击label的时候,事件冒泡一次,同时会触发关联的input的click事件,导致事再次触发事件 这和html结构有很大的关系: <div class=...
  • 单选框实现取值及选中触发事件

    万次阅读 2019-03-26 10:22:28
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&...单选框选中触发时间</title> </head> <body> <p> <label>是否成为网点管理员:</la...
  • js:单选框选择触发事件

    万次阅读 2012-03-21 22:21:31
    function sele(){ if(document.getElementById("agreement").checked==false) //判断单选框此时状态为未选agreement为单选框id { document.getElementById("button_disabled").style.dis
  • 单选框 el-radio 点击改变触发事件

    千次阅读 2020-08-10 00:35:32
    https://blog.csdn.net/xfcy1990/article/details/90438549?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant....
  • Element 单选框 el-radio 点击改变触发事件使用示例

    万次阅读 多人点赞 2019-05-22 10:24:41
    效果: 代码: <el-radio-group v-model="radioTreaty" @change="agreeChange"> <el-radio label="1" border>不同意</el-radio> <el-radio label="2" border>.../el-rad...
  • element单选框的change事件需要点击两次才触发 用element建了一个单选框组,绑定了一个change事件,测试内容为,绑定值改变后在测试台输出“我被点击啦”,但是在测试时,第一次点击都是无效的,只有第二次开始...
  • jQuery change 事件 : $(function(){ $("input:radio[name:sheetType]").change(function(){ var v = $(this).val(); if (v =="1") { $("table1").show(); $("table2").hide();   }else{ $("table1").
  • 但当我使用onfocus事件触发函数的时候,获取到的value是上一次的value,如下图,默认广州(value=1)为checked,当点击上海(value=4)的时候,打印出来的却是1(本应该是4),使用onclick事件或者再点击一次上海就正常...
  • OnCheckedChangeListener(处理用户在选中单选按钮的选项时触发)  RadioGroup rg = ( RadioGroup) findById(new OnCheckedChangeListener(){  Public void OnCheckedChanged (RadioGroup group, int checked){ ...
  • 1.代码段 <el-form-item label="会议类型" prop="kind"> <el-radio-group type="kind" v-model="form.kind" @change="agreeChange"> <el-radio label="普通会议" style="font-size: 2...
  • layui 单选按钮触发事件

    千次阅读 2020-03-26 17:24:01
    单选按钮代码: <div class="layui-form-item"> <label class="layui-form-label">状态变更</label> <div class="layui-input-block"> <input type="radio" name...
  • 概述:在asp.net中的使用dategrid,在dategrid中添加复选并实现复选checkbox的单选功能,在选择的过程中,通过点击复选能够触发事件,比如,点击复选checkbox时,在textbox中显示选中的值等等。 功能一:复...
  • html单选框选择后触发事件

    千次阅读 2020-03-29 21:24:37
    $("#addTemplateSelect").change(function () { alert("zzzzz") })
  • 单选框change事件不生效问题解决

    千次阅读 2019-03-05 16:35:23
    项目中遇到需要用jquery给单选框添加change事件 &lt;div id="operationMethodsGroup" style="float: left; margin-right: 10px;"&gt; &lt;nobr&gt;&lt;label style=&...
  • 今天使用elementui 的单选框是遇到了绑定点击事件没作用的情况, 把事件改为change之后还是一样,查阅资料之后,发现添加标识符后就成功了
  • 我们经常看到一些点击选择特效:下拉框或者单选框,选择了不同的值,页面会进行相应的改变,这就是利用了change事件。今天总结的是radio单选框改变事件的原理。 要实现这样的效果,就要获取相应点击事件对应的改变。...
  • jquery 单选框选中事件

    万次阅读 2017-05-12 18:12:47
    刚开始一直使用 $('input[name="batch.isDirectionalBid...比如连续加载两次,单选框不同的话 导致两个单选框都不选择 最后查了才发现jquery1.6后attr使用会有问题 换成prop就好了 $('input[name="batch.isDirec
  • 单选框如何改变大小 <checkbox class="checkbox" :checked="isChecked" @tap="isChecked = !isChecked"></checkbox> //改变单选框大小 ...//点击按钮判断单选框状态 if(!this.isChecked){ ret...
  • 首先编写下面日期信息 对应的代码如下    三天内   一周  ...下面重写互斥以及需要触发事件即可 //互斥方法 function clickRadioValue(value) { $("[name*=
  • 关于iCheck 单选框事件绑定

    千次阅读 2017-06-17 18:14:08
    iCheck是一款基于JQUERY & ZEPTO的美化单选框和复选框的插件,效果还是不错的。 可以参考官网:http://www.bootcss.com/p/icheck/ 下载插件的网站:https://github.com/fronteed/iCheck 用的时候引入对应的css js...
  • 本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下: 代码如下:<html> <head> <title>单选框radio绑定click事件</title> <meta ...
  • datagrid初始化代码: var flag = true ; //定义一个开关变量控制 ...datagrid行点击事件初始化代码: ...此时的datagrid已经实现行点击单选,复选多选。同时行点击事件和复选选中事件不会重复触发
  • 今天小编就为大家分享一篇浅谈监听单选框radio改变事件(和layui中单选按钮改变事件),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 单选按钮点击一下触发两次事件

    万次阅读 2017-05-15 16:21:49
    刚刚在项目中发现,切换单选...百度了一下,没找到答案,然后还是谷歌靠谱,简单来说,就是因为点击label的时候,事件冒泡一次,同时会触发关联的input的click事件,导致事再次触发事件这和html结构有很大的关系: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,414
精华内容 6,565
关键字:

点击单选框触发事件