精华内容
下载资源
问答
  • 在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上,下面有个示例,大家可以感受下
  • <body> <table> <tr> <td class="tt" title="项目类别"> 项目类别</td> <td> <input type="radio" value="1" name="demo1">政府 <inp...
    <body>
        <table>
            <tr>
    	    <td class="tt" title="项目类别"> 项目类别</td>
    	    <td>
    	        <input type="radio" value="1" name="demo1">政府
    	        <input type="radio"	value="2" name="demo1">企业
    	        <input type="radio" value="3" name="demo1">个人
    	    </td>
            </tr>
            <tr>
    	    <td></td>
    	    <td>
    	           <input type="radio" value="1" name="demo2">企业投资-新建、改建、扩建
    	        <input type="radio"	value="2" name="demo2">企业投资-其他项目
    	    </td>
            </tr>
        </table>
        <table>
            <tr>
    	    <td class="tt" title="项目类别"> 项目类别</td>
    	    <td>
    		<input type="radio" value="1" name="demo3">政府
    		<input type="radio"	value="2" name="demo3">企业
    		<input type="radio" value="3" name="demo3">个人
    	    </td>
    	</tr>
    	<tr>
    	    <td></td>
    	    <td>
    		<input type="radio" value="1" name="demo4">企业投资-新建、改建、扩建
    		<input type="radio"	value="2" name="demo4">企业投资-其他项目
    	    </td>
    	</tr>
        </table>
        <table>
    	<tr>
    	    <td class="tt" title="项目类别"> 项目类别</td>
    	    <td>
    		<input type="radio" value="1" name="demo5">政府
    		<input type="radio"	value="2" name="demo5">企业
    		<input type="radio" value="3" name="demo5">个人
    	    </td>
    	</tr>
    	<tr>
    	    <td></td>
    	    <td>
    		<input type="radio" value="1" name="demo6">企业投资-新建、改建、扩建
    		<input type="radio"	value="2" name="demo6">企业投资-其他项目
    	    </td>
    	</tr>
        </table>
    </body>

     对应的JS如下:

     

    <script src="jquery-1.8.0.min.js"></script>
    <script>
    $(function(){
        bindBusinessInvestment();
    });
    function bindBusinessInvestment() {
        var xmlbList=$("td[title='项目类别']");
        var xmlb;
        for(var i=0;i<xmlbList.size();i++){
    	xmlb=xmlbList.eq(i);
    	var brotherTd=xmlb.next();
    	var inputList=brotherTd.children();
    	var trParent= xmlb.parent();
    	for(var j=0;j<inputList.size();j++){
    	    var inputObject=inputList.eq(j);
    	    if(j!=1){
    		inputObject.click(function(){
    		    var next= $(this).parent().parent().next();			
    	            next.hide();
    	        });
    	    }else{
    	        inputObject.click(function(){
    		    var next= $(this).parent().parent().next();
    		    next.show();
    	        });
    	    }        	
    	}
    	var brotherTr=trParent.next();
    	brotherTr.hide();
        }
    }
    </script>

     

    展开全文
  • /* 单选框样式 */ /* 初始样式 */ radio .wx-radio-input{ width: 32rpx; height: 32rpx; border-radius: 0 } /* 选中后的 背景样式 ( 背景 边框 ) */ radio .wx-radio-input.wx-radio-input-checked{ width...
  • 用Android Studio 2.3.3做的单选框例子,主要用到的代码有:mRadioButton_01 = (RadioButton)findViewById(R.id.RadioButton_01);、boolean b01 = mRadioButton_01.isChecked();、CharSequence charSequence01 = ...
  • vueelement el-radio单选框点击切换显示隐藏 <el-row> <el-col :span="10"> <el-form-item label="是否通过认证:" :label-width="formLabelWidth" prop="isPass"> <el-radio-group v-...

    vueelement el-radio单选框点击切换显示隐藏

       <el-row>
              <el-col :span="10">
                <el-form-item label="是否通过认证:" :label-width="formLabelWidth" prop="isPass">
                  <el-radio-group v-model="form.isPass">
                    <el-radio :label="1" style="margin-left: 10px"></el-radio>
                    <el-radio :label="2" style="margin-left: 10px"></el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="14" style="min-width: 500px">
                <el-form-item label="有效期:" :label-width="formLabelWidth" 
                prop="date2" v-if="form.isPass == 1">
                  <el-date-picker  v-model.trim="form.dateList2"  type="daterange"  
                  range-separator="-" value-format="yyyy-MM-dd"   start-placeholder="开始日期"  
                  end-placeholder="结束日期" @change="dateChange2">
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
    

    先绑定label值,再需要显示隐藏地方判断v-if=“form.isPass == 1”

    reture {
     data {
          form: {
            date1: '',
            date2: '',
            id: '',
            isDelete: 0,
            isPass: '',
            level: '',
            status: '',
            unit: '',
            wssFileVO: [],
         },
      }
    }
    
    展开全文
  • 这个里面有安卓的单选框,复选框,以及下拉框的使用,以及点击按钮会显示你输入的信息,适合新手的借鉴与使用。
  • html点击文字选中单选框

    千次阅读 2019-03-15 17:04:53
    效果:点击文字也能选中单选框 &lt;label for="sex1"&gt;&lt;input type="radio" id="sex1" name="sex" value="0"&gt;男&lt;/label&...

    效果:点击文字也能选中单选框

    <label for="sex1"><input type="radio" id="sex1" name="sex" value="0">男</label>
    <label for="sex2"><input type="radio" id="sex2" name="sex" value="1">女</label>


     

    展开全文
  • vue单选框显示默认选中问题

    千次阅读 2019-07-19 11:21:41
    传入temp.status=0,默认选中无效 ...默认显示代码: 通过 驳回  不同之处在于Radio组件的label属性,前者没有“:”,后者有“:”。 使用 :prop 传递数据格式为 数字、布尔值或函数时,必须带 :

    传入temp.status=0,默认选中无效

            <el-form-item  prop="status">
              <el-radio v-model="temp.status" label=1 border size="medium">通过</el-radio>
              <el-radio v-model="temp.status" label=0 border size="medium">驳回</el-radio>
            </el-form-item>

    默认显示代码:

            <el-form-item  prop="status">
              <el-radio v-model="temp.status" :label=1 border size="medium">通过</el-radio>
              <el-radio v-model="temp.status" :label=0 border size="medium">驳回</el-radio>
            </el-form-item>
     不同之处在于Radio组件的label属性,前者没有“:”,后者有“:”。

    使用:prop传递数据格式为 数字、布尔值或函数时,必须带:

    展开全文
  • 显示 span > div > 样式 .ocss { position : absolute ; top : 6px ; left : 252px ; border : 1px solid darkgrey ; background-color : ghostwhite ; border-radius : 6px...
  • 单选框点击文字也能选中

    千次阅读 2017-04-13 18:30:29
    标签为 input 元素定义标注(标记)。 //方式一: <label for="male">Male <input type="radio" name="sex" id="male" /> //方式二: <input type="radio" name="radiobutton" value="radi
  • 源码类
  • 点击单选按钮显示对应内容

    千次阅读 2018-08-02 01:50:22
    记录。 代码: <table width="80%" border="1" align="center"> <tr> <td align="right">组队方式:</td > <td colspan="3">...input id="Radio1" name="team" type="radio...
  • 例如有以下代码,你拿到了radio的value值0,1,2 怎样根据他们的value值显示它的选中状态 &lt;div class="add_sex"&gt; &lt;label&gt;&lt;input name="form-field-radio" ...
  • 主要介绍了JavaScript实现点击单选按钮改变输入框中文本域内容的方法,涉及javascript单选按钮控制页面元素样式的相关技巧,非常简单实用,需要的朋友可以参考下
  • 针对不同的网页元素控件,详细讲述使用不同的方法自动填写。在浏览器里就可以实现,不需要另外安装软件。自动填表方案放在软件收藏栏,使用时就像打开一个网址一样简单。
  • 单选框跳转不同页面

    千次阅读 2019-05-31 15:48:40
    作为这方面的学习者,今天我就来介绍一下复选框以及利用单选框来实现跳转不同的页面。 首先呢 我就来简单的介绍一下单选框。 什么是单选框呢 就是页面可以选择多个的按钮其中一个。 那么有单那就肯定有复选框啦。复...
  • layui单选框显示的问题

    万次阅读 2020-02-10 18:06:23
    一开始还没导入idea的时候,单纯点击一个网页是有显示出来的,当我把这个带有单选框的网页放到idea的项目中去的时候,发现单选框显示出来。 1.首先在确认js.css等东西有导入,和之前的网页也没有什么区别 2.网上...
  • 单选框获取值

    2019-07-26 10:59:17
    选择单选框的值,将选择到的值返回到数据库,首先最重要的是它当前的数据类型是什么,我在设计数据库的时候,当时我想的是:它现在就只是两种状态,跟我们学习到的启用和作废一样,这里一个允许,一个不允许,就认为...
  • 本文通过实例代码给大家介绍了Vue表单绑定(单选按钮,选择单选时,多选时,用 v-for 渲染的动态选项)的相关知识,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
  • 纯样式实现完美Radio单选框

    万次阅读 2019-08-17 00:01:39
    今天将带领大家使用纯样式来实现一个支持 tab 键切换的单选框。 主要会用到 ::before 和 ::after 伪元素、CSS 属性选择器、相邻兄弟选择器、CSS3 transform 等,样式会用 SCSS ,因为它更直观、易于阅读。 DOM 结构 ...
  • layui单选框控制下拉列表显示不同的内容 html: <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label"><span class="x-red">*</span>...
  • 利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。  方法一: 1 2 document.getElementById(...
  • //点击选中(单选) //单击行勾选checkbox事件 $[removed]("click",".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var tableBox = $(this).parents('....
  • 单选框选择  language="javascript" src="jquery-1.7.1.min.js">  language="javascript"> $(function(){    var menu_li=$(".menu input")  menu_li.click(function(){  var index = menu_li.index...
  • element-ui 带单选框的表格 效果:不只是带单选框,点击当前行单选框选中状态网上查了一些发现很多都是只能点击...1.保证不止是点击单选框,点击列表某行也能够选中,通过设置highlight-current-row和@curren...
  • 先隐藏一部分页面,然后通过点击单选框显示。 再通过选项的选择-(每个选项有不同的积分)积分的多少来给出评语 演示代码: <html> <head> <title>DHTML技术演示---radio的使用</title>...
  • 一般在查询或注册使用的都是多value多个单选即:&lt;input type="radio" name="sex" value="man"/&gt;男 &lt;inpuut type="radio" name ="sex" ...
  • element-ui 点击单选框隐藏元素

    千次阅读 2018-12-28 11:36:25
    &amp;lt;el-form-item label=&quot;有无连接&quot; prop=&quot;hasUrl&quot;&amp;gt; &amp;lt;el-radio-group v-model=&quot;temp.hasUrl&quot;...el-radio
  • C#单选框RadioButton

    千次阅读 2020-05-15 02:44:46
    首先改下Name和text: 先把AutoSize关闭 CheckAlign属性:确定复选位置 TopLeft: TopCenter: TopRight: MiddleLeft: MiddCenter: MiddRight: BottomLeft: BottomCenter: BottomRight: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 45,148
精华内容 18,059
关键字:

显示详细信息点击单选框