從每個按鈕的輸入文本中獲取值點擊

如何在單擊按鈕時獲取哪些輸入文本的值，同時還爲每個按鈕設置不同的按鈕？從每個按鈕的輸入文本中獲取值點擊

我的第一個劇本是這樣的檢查，如果值是未定義或爲空：

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

從每個按鈕的輸入文本中獲取值點擊

回答

相關問題