jQuery获取表单点击事件返回的value值报错没办法获取。。。

jQuery获取表单点击事件返回的value值报错没办法获取。。。,第1张

// 其实这样是正常的啊,你为 input 添加 onblur 事件,但是你后来添加的 input 并没有为它绑定 onblur 事件,所以是不会执行你的 alert('ss') 的,如果每次页面一遍就要全部重新绑定,那效率会很慢的,你可以为新的 input 绑定方法,如下修改你的代码:

<script type="text/javascript">

$(function() {

// 为你的 input 绑定 onblur ,执行 myalert() 方法

$("#table input")blur(function() {

myalert();

});

// 点击的时候新增一个按钮,这个按钮有 onblur="myalert()"

// 当然,你这里也可以把 input 抽离出来

// 这里你的 inp 是一个 jquery 对象,建议用 $(); 包起来,否则火狐好像有些版本不兼容

$("#button")click(function() {

var inp = $('<tr><td><input name="val[]" type="text" onblur="myalert()" /></td></tr>');

$("#table tr:last")after(inp);

});

})

// 这是你的 alert 方法,为了公用,就抽离出来

function myalert() {

alert("ss");

}

</script>

// 另外你也可以使用 live 来绑定 onblur 事件,使用 live 的话,你的对象每次一发生改变,则会重新执行绑定和加载事件,效率可能比较慢,但是也可以实现效果,修改你的代码如下:

<script type="text/javascript">

$(function() {

$("#table input")live("blur", function() {

alert("ss");

});

$("#button")click(function() {

var inp = $('<tr><td><input name="val[]" type="text" /></td></tr>');

$("#table tr:last")after(inp);

});

})

</script>

取多个对象的方式比较多,

比如根据样式 类样式a

//循环

$("a")each(function(index){

//这个就是获得这个对象 $(this),比如获得value值

alert($(this)val());

//绑定事件

$(this)click(function(){

})

})

比如通过name属性 用input为例子

$("input[name='a']")each(function(index){

你是需要这样嘛?

$("#change")click(function () {

let date= new Date()getTime();

$("#checkCode")setAttribute("src", /day15/checkCodeServlet"+date);

});

这样?

你好!!

$("button")click(function(){

$("class")remove(); //显然是移除了所有class为class的元素

//可以在这里获取当前栏目,但是这要看html结构了

// $(this) --> 在这里指向了button自身,可以通过button与当前栏目的关系,找到当前栏目

//比如这种结构:

栏目内容

$('tr')click(function(){

$(this)find('input')each(function(){

alert($(this)val());

});

});

$(this)find("form[name=frm]") //查找$(this)下面的form

$(this)closest("form[name=frm]") //查找$(this)最近的form

以上就是关于jQuery获取表单点击事件返回的value值报错没办法获取。。。全部的内容,包括:jQuery获取表单点击事件返回的value值报错没办法获取。。。、jquery取dom对象时,取同时取两个对象的格式代码是怎么样的、用Jquery设置点击图片刷新验证码,但是只能点击一次,第二次就会失效,感觉是获取按钮对象的问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9654514.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存