精华内容
下载资源
问答
  • React中获取input框的输入 import React,{Component,Fragment} from 'react' class Shijian extends Component{ constructor(){// super() this.state={ flag:true, msg:'' ...

    React中获取input框的输入值

    import React,{Component,Fragment} from 'react'
    
    class Shijian extends Component{
        constructor(){//
            super()
            this.state={
                flag:true,
                msg:''
            }
        }
        get=(e)=>{
            console.log(this)//this可以查看
            this.setState({
                // msg:e.target.value//第一种,用事件对象e
                // msg:this.refs.userrr.value//第二种,在input标签上绑定ref
                // msg:this.user.value//第三种,用函数,这种可以少一层refs
            })
        }
    
        
    
        render(){
            
            return (
                <Fragment>
                	//对应上面第一种
                    {/* <input onInput={this.get}/> */}
    				//对应第上面二种
                	{/*<input onInput={this.get} ref="userrr"/>*/}
    				//对应第上面三种
                    {/* <input onInput={this.get} ref={el=>this.user=el}/> */}
    				//这里显示input框中内容
                    <p>msg:{this.state.msg}</p>
                </Fragment>
            )
        }
    }
    
    export default Shijian
    
    展开全文
  • react获取input框的值

    千次阅读 2020-09-25 14:05:23
    在开发,我们比较常见的需要获取input框的值或者对input框的值判断是否为空,空的话给出提示 首先在input框添加一个onchange事件 <TextArea type="text" rows={4} value={reason} onChange={inputChange}/> ...

    react获取input框的值
    在开发中,我们比较常见的需要获取input框的值或者对input框的值判断是否为空,空的话给出提示

    首先在input框添加一个onchange事件

    <TextArea type="text"  rows={4} value={reason} onChange={inputChange}/>
    

    inputChange里去更新reason的值,reason是input框里的内容

    function inputChange(e){
            dispatch({
                type:'buyBackManage/updateState',
                payload:{
                    reason:e.target.value
                },
            });
        }
    

    给按钮一个点击事件

    <Button type="primary" size={'large'} onClick={()=>rebut(reason)}>驳回</Button>
    

    rebut是去更改某个变量的值,我这里是修改rebutTip的值,由原来的none变成block

    function rebut(reason){
            console.log(reason)
            if(reason.length===0)
            {
                dispatch({
                    type:'buyBackManage/updateState',
                    payload:{
                        rebutTip:'block'
                    },
                });
            }
            console.log('123')
        }
    

    上面的reason和rebutTip一开始在models中设定了初始值

     rebutTip:'none',
     reason:''
    
    展开全文
  • 下面是登录页,点击登录时获取input框中的值, 效果如下: wxml布局如下: <input type="text" placeholder-style="color:#fff;" bindinput="userNameInp" placeholder="请输入账号" /> <input pas
  • react 获取多个Input框中的值 假如页面中有很多input需要取值,如果数量少的话,可以一个一个的定义,但是如果数据多的话一个一个的处理,会造成代码冗余,工作量大的问题。 方法1 关键点就是我们传递一下name值,...

    react 获取多个Input框中的值

    假如页面中有很多input需要取值,如果数量少的话,可以一个一个的定义,但是如果数据多的话一个一个的处理,会造成代码冗余,工作量大的问题。

    方法1

    关键点就是我们传递一下name值,然后去setState里动态设置每个input的值,我们可以在render里边console.log(this.state)看一下,我们的每一项的值就是{name1:”abc”,name2:”def”}

    import React,{ Component } from 'react';
    class ReplenishData extends Component{
        constructor(props){
            super(props);
            this.state = {}
        }
        showVal(name,e){
            this.setState({
                [name]:e.target.value
            });
        }
        render(){
            console.log(this.state);
            return(
                <div>
                    <input type="text" onChange= {this.showVal.bind(this,"name1")} />
                    <input type="text" onChange={this.showVal.bind(this,"name2")} />
                    <input type="text" onChange={this.showVal.bind(this,"name3")} />
                    <input type="text" onChange={this.showVal.bind(this,"name4")} />
                    <input type="text" onChange={this.showVal.bind(this,"name5")} />
                    <input type="text" onChange={this.showVal.bind(this,"name6")} />
                </div>
            )
        }
    }
    

    方法2

    使用ref去获取dom节点内的值

    import React,{useRef} from 'react'
    export default class form_input extends React.Component{
        constructor(){
            super()
            this.usname = useRef()
            this.age = useRef()
        }
        // 获取input DOM节点
        sbmmt(){
            console.log(this.usname.current.value)
            console.log(this.age.current.value)
        }
        render(){
            return(
                <div>
                    <hr/>
                      {/*获取input dom 节点  */}
                      <input type="text" ref={this.usname}></input>
                      <input type="text" ref={this.age}></input>
                      <button onClick={this.sbmmt.bind(this)}>提交信息</button>
                </div>
            
                
            )
        }
    }
    
    展开全文
  • 1)jquery获取input输入框中的值 如何用jquery获取&lt;input id="test" name="test" type="text"/&gt;中输入的值? $(" #test ").val() $(" input[ name='...

    1)jquery获取input输入框中的值

    如何用jquery获取<input id="test" name="test" type="text"/>中输入的值?
    $(" #test ").val()
    $(" input[ name='test' ] ").val()
    $(" input[ type='text' ] ").val()
    $(" input[ type='text' ]").attr("value")

    2)jquery获取radio单选框选中的值

    实例1:

    <div id="wrap">
        <input type="radio" name="payMethod" value="1" />男
        <input type="radio" name="payMethod" value="2" />女
    </div>
      
      获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');
      获取被选中按钮的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();
    

    实例2:

        使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

    1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值
    2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值
    3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值

      要想获取某个radio的值有以下的几种方法,直接给出代码: 

    1.$('input[name="testradio"]:checked').val();
    2,$('input:radio:checked').val();
    3、$('input[@name="testradio"][checked]');
    4、$('input[name="testradio"]').filter(':checked');

     差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下

    $('input[name="testradio"]').each(function(){2.alert(this.value);3.});

     如果要取具体某个radio的值,比如第二个radio的值,这样写

    $('input[name="testradio"]:eq(1)').val()

    3)jquery获取checkbox复选框选中的值

    <!--html-->
    <input type="checkbox" name="test" title="测试1" value="1" lay-skin="primary">
    <input type="checkbox" name="test" title="测试2" value="2" lay-skin="primary">
    <input type="checkbox" name="test" title="测试3" value="3" lay-skin="primary">
    <input type="checkbox" name="test" title="测试4" value="4" lay-skin="primary">
    <input type="checkbox" name="test" title="测试5" value="5" lay-skin="primary">         

     

    // js
    var test_list = []
    $("[name=test]:checked").each(function () {
       test_list.push($(this).val())
    });
    
    test_str = JSON.stringify(test_list ); // 转换成字json字符串

     

     

     

     

     

     

     

     

     

     

    展开全文
  • 今天写了一个项目,其中用到了layui框架,在父页面点击到子页面的时候需要把父页面中一个input框中的值传过去,但是奈何尝试良久无法成功,最后发现只需要使用parent.$("#userId").val();就可以了。 操作 父页面...
  • 获取input框输入异常

    千次阅读 2021-03-23 10:18:33
    现象描述 在input框中输入内容,点击提交按钮时,必填项校验失败,提示“xxx为空,请...通过onchange事件对模型赋值来获取input框的值,具体方法如下: 1、初始化模型、 1. data:{ 2. accountValue:'' 3. } 2、inpu
  • 获取input框中的checkbox的多选框的值

    千次阅读 2019-02-25 15:24:23
    var test_list = [] $("[name=contact_user]:checked").each(function () { test_list.push($(this).val()) }); var test_str = JSON.stringify(test_list ); console.log(test_str);...
  • 获取表单 input框中输入的值

    千次阅读 2017-04-25 10:04:27
    html:<input type="text" value="请输入..." id="txt"/>查询</button>js获取input框输入的值: function $(id){ return document.getElementById(id);}//封装的$(id)函数 $("btn").onclick = function
  • 获取div中input框中的值 最近在做H5页面的app动作,为了和原生app没有太大差距,要求点击最外层的div就可以跳转到详情页。 上HTML代码 <div class="row" th:each="item : ${list}"> <input type="hidden...
  • 声明一下 value = document.getElementById(‘one’).value这样 就能获取到id = one 的input框中的值; 然后将你要赋值的第二个input框的值 等于 你刚才保存的值就ok了 document.getElementById(‘two’).value = ...
  • 如何获取easy-ui中input框输入的值

    千次阅读 2018-01-22 16:01:56
    因为区别于获取普通input框的值,所以简单记下。 jsp页面 js获取  var username=$('#USER_XM').textbox('getValue');
  • 总是不能获取弹出框中input的值,代码如下:红色标记区域 添加js代码 //Ajax添加品牌 function addBrandWI(){ layer.open({ type: 0, title: '品牌添加', shadeClose: true, shade: 0.8, btn: ['保存', '...
  • 获取选中的input框的value,存进数组里  var taskIds =[]; $("input[name='taskIds']:checked").each(function(){ taskIds.push($(this).val()); })   转载于:...
  • 一.wxml <view class="content"> <view class="adresss"> <view class="row"> <view class="sign">姓名</view>...input placeholder="收货人姓名" bindinput=...
  • 其中前台仅仅获取输入框中的值则可以使用三目运算符,代码如下 &lt;input class="keyword" name="keyWord" placeholder="二手商品" value="&lt;%=request.getParameter...
  • 获取到得是[object HTMLInputElement],看了半天没明白,上百度上找也没看懂都说什么,回过头来又研究 原来是我用来接收那个字段没定义 写下来 以后记住, 还有一种情况也会引起这个问题 比如id写错地方了 写...
  • 总是不能获取弹出框中input的值,代码如下:红色标记区域添加js代码 //Ajax添加品牌 function addBrandWI(){ layer.open({ type: 0, title: '品牌添加', shadeClose: true, shade: 0.8, btn:...
  • js获取input = radio 单选选择中的值

    万次阅读 2017-08-17 10:34:26
    调用: var amount = getRadioButtonChecked("radio");... * 获取input = radio 单选框中选中的值 * @param tagNameAttr string radio组中input的name属性值 * return 返回被选中radio的值 */ function
  • 匿名用户1级2017-01-25 回答如何用jquery获取中输入的值?$(" #test ").val()$(" input[ name='test' ] ").val()$(" input[ type='text' ] ").val()$(" input[ type='text' ]").attr("value")追问:只能用jquery吗?...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 677
精华内容 270
关键字:

获取input框中的值