各ボタンの入力テキストから値を取得する

Question

ボタンをクリックしたときにどの入力テキストの値を取得することができますか？

私の最初のスクリプトは、この値が未定義またはnullであるかどうかを確認することでした：

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>

Answer 1

あなたはこのように行うことができます：あなたのJSで

<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> 

：

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

Answer 2

使用属性セレクタは、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>

Answer 3

値：

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); 
    } 
} 

Answer 4

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

FIDDLE

Answer 5

あなたは尊敬ボタンが必要な場合は、次のようにしてみてください：prev('input') .IF条件が両方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>

Answer 6

あなたはif conditionが含ま直接if($(this).prev(inp).val())その試合で適用されますと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>