当前位置:首页>开发>正文

怎样用jquery获得input的值 如何用jquery 给input但id为动态的框赋值

2023-04-25 19:32:15 互联网 未知 开发

 怎样用jquery获得input的值 如何用jquery 给input但id为动态的框赋值

怎样用jquery获得input的值

name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值
$("input:text").attr("name")
$("input:text").prop("name")  // 也可以使用prop()方法获取属性
示例代码如下
创建Html元素
<div class="box">
<span>点击按钮获取文本框的name属性值:</span><br>
<div class="content">
<input type="text" name="test" value="这个文本框的name属性值为test">
</div>
<input type="button" class="btn" value="获取文本框name值">
</div>
设置css样式
div.box{width:300pxheight:250pxpadding:10px 20pxmargin:20pxborder:4px dashed #ccc}
div.box>span{color:#999font-style:italic}
div.content{width:250pxheight:100pxmargin:10px 0padding:5px 20pxborder:2px solid #ff6666}
input[type=text]{width:200pxheight:30pxborder:none}
input[type=button]{width:120pxheight:30pxmargin:10pxborder:2px solid #ebbcbe}
编写jquery代码
$(function(){
$("input:button").click(function() {
alert($("input:text").attr("name"))
})
})

如何用jquery 给input但id为动态的框赋值

jquery的 val() 方法可以设置或返回表单字段的值,对于id为动态的文本框,只要先获取动态的id,然后使用jquery的id选择器即可,关键代码
var id = ... // 获取动态id的方法
$("input#" id).val(some-value)   // 设置id为上一步获取的值的文本框的值示例代码如下
1. 创建Html元素
点击按钮设置指定id的文本的值: 设置id等于 的文本框的值为 2. 设置css样式 div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc} div.box span{color:#999font-style:italic} div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666} table{border-collapse:collapse} td{width:30pxheight:30pxline-height:30pxtext-align:centerborder:1px solid green} .selected{background:#99ccff} input[type=button]{height:30pxmargin:10pxpadding:5px 10px} input[type=text]{width:200pxheight:35pxpadding:5px 10pxmargin:5px 0border:1px solid #ff9966}3. 编写jquery代码 $(function(){ $(":button").click(function() { var id = $("input[name=target-id]").val() // 动态获取的id var value= $("input[name=new-value]").val() // 新给定的设置值 $("input#" id).val(value) }) })4. 观察效果 5. 初始样式 6. 点击按钮设置之后

如何用jquery获取input中输入的值

用jquery获取input中输入的值来的方法:源
1、使2113用id的方式获取:
$("#button_text1").click(function(){
var result1 = $("#input_text1").val()
alert("result1 = "   result1)
})
2、使用属性选择器获5261取:
var result2 = $("input[id=input_text1]").val()
alert("result2 = "   result2)
3、使用type的值来获取input中的值
$("#button_text4").click(function(){
var result4 = $("input[type=text]").val()
alert("result4 = "   result4)
})
4、通过41021653name的值来获取input中的值
$("#button_text5").click(function(){
var result5 = $("input[name=text]").val()
alert("result5 = "   result5)
})

如何在jquery中取得input的值

jQuery 属性操作 - val() 方法
定义和用法

  val() 方法返回或设置被选元素的值。

  元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

  如果该方法未设置参数,则返回被选元素的当前值。

语法
  $(selector).val(value)
实例

    
//设置输入域的值:
$("button").click(function(){
  $(":text").val("Hello World")
})

怎么用jquery获取一个表单中某个input的值


  
var text=$("#input").val()

  
var text=$("input[a=input]").val()


    
        

var text=$("#li input:eq(0)").val()//text的值为1

jquery获取table里INPUT的值

取得table中的input:
$(table input)

取得table中第一个input:
$(table input:eq(0))

取得table中第一个input的value:
$(table input:eq(0)).val()

遍历table中的所有input,弹出value:
$(table input).each(function(){
    alert($(this).val())
})

最新文章