从每个按钮的输入文本中获取值点击

如何在单击按钮时获取哪些输入文本的值，同时还为每个按钮设置不同的按钮？从每个按钮的输入文本中获取值点击

我的第一个剧本是这样的检查，如果值是未定义或为空：

var inp = $('input[type=url]'); 
 
if (typeof(inp) != "undefined" && inp !== null) { 
 
    console.log(inp.val()); 
 
}

<input type="url" id="url1"><button id="btn1">Click me</button> 
 
<input type="url" id="url2"><button id="btn2">Click me</button> 
 
<input type="url" id="url3"><button id="btn3">Click me</button>

来源

2016-12-05 camdev

力得到你的问题。所以你想获得该按钮被按下的文本框的值？ – Tushar

是的，如果点击btn1得到＃url1的输入值，如果btn2等等 – camdev

谢谢大家，非常感谢您的帮助。 – camdev

你可以这样做：

<input type="url" id="url1"><button id="btn1" onclick="check('url1');">Click me</button> 
<input type="url" id="url2"><button id="btn2" onclick="check('url2');">Click me</button> 
<input type="url" id="url3"><button id="btn3" onclick="check('url3');">Click me</button>

在您的JS：

function check(id){ 
     if($('#'+id).val()!='' && typeof($('#'+id).val()) != "undefined" && $('#'+id).val() !== null){ 
    alert('checked'); 
    } 
}

来源

2016-12-05 06:11:43 Jigar7521

使用属性选择用（^）开始在jQuery和使用上一个（）方法来获得相应的输入值

$("[id^=btn]").click(function() { 
 
     console.log($(this).prev().val()); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="url" id="url1"><button id="btn1">Click me</button> 
 
<input type="url" id="url2"><button id="btn2">Click me</button> 
 
<input type="url" id="url3"><button id="btn3">Click me</button>

来源

2016-12-05 06:11:50

感谢您的输入！ – camdev

您可以使用下面的代码：

HTML： -

<input type="url" id="url1"><button id="btn1" onclick="fnclick(1)">Click me</button> 
<input type="url" id="url2"><button id="btn2" onclick="fnclick(2)">Click me</button> 
<input type="url" id="url3"><button id="btn3" onclick="fnclick(3)">Click me</button>

脚本： -

function fnclick(id) { 
    var res = $("url"+id).val(); 
    if(typeof(res) != "undefined" && res !== null) { 
     console.log(res); 
    } 
}

来源

2016-12-05 06:13:45

感谢您的输入！ – camdev

$("button").click(function(e) { 
    var inp = $(this).prev().val(); 
    alert(inp); 
});

FIDDLE

来源

2016-12-05 06:14:11

通常情况下，如果答案包含解释代码意图做什么以及为什么解决问题而不介绍其他人，那么答案会更有帮助 –

如果你需要尊敬的按钮尝试是这样的：prev('input')。如果条件申请直接if($(this).prev(inp).val())的比赛都null & undefined

$('button').click(function() { 
 
var inp = $('input[type=url]'); 
 
     if($(this).prev(inp).val()) { 
 
     console.log($(this).prev(inp).val()); 
 
     } 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="url" id="url1"><button id="btn1">Click me</button> 
 
<input type="url" id="url2"><button id="btn2">Click me</button> 
 
<input type="url" id="url3"><button id="btn3">Click me</button>

来源

2016-12-05 06:16:02 prasanth

你包括if condition和T母鸡它，只有当输入包括一些其他value假，如下返回值，

$(document).ready(function(){ 
 
$('button').on('click',function(){ 
 
var a = $(this).prev().val(); 
 
if(a){ 
 
    console.log(a); 
 
} 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="url" id="url1"><button id="btn1">Click me</button> 
 
<input type="url" id="url2"><button id="btn2">Click me</button> 
 
<input type="url" id="url3"><button id="btn3">Click me</button>

来源

2016-12-05 06:41:36 frnt

@camdev希望这能起作用。 – frnt

从每个按钮的输入文本中获取值点击

回答

相关问题