как изменить атрибут OnClick с помощью JQuery

Question

У меня есть интернет-магазины и этого код

<button onclick="('productID','productCount')">buy</button> 

В этом продукте ID фиксируется, но граф продукта является переменным, и мне нужен пользователи, чтобы установить этот продукт Count с помощью ввода стоимость.

<input class="productCount" value="variabel number" /> 

Как написать этот код с помощью jQuery? !!

TNX за ответ

Answer 1

С JQuery вы можете использовать selectors для соответствия наборов элементов в документе. Итак, $("#productCount") вернет элемент с идентификатором «productCount» и val() вернет его значение.

$("#btnBuy").click(
 
    function() { 
 
    alert($("#productCount").val()); 
 
    } 
 
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<input id="productCount" value="variabel number" /> 
 
<button id="btnBuy">buy</button>

Answer 2

Html

<button data-id="productID" class="buy">buy</button> 
<input name="productCount" class="productCount" value="variabel number" /> 

JS

$('.buy').on('click',function(){ 
    var productID = $(this).attr('data-id'), 
     productCount = $(this).next('.productCount').val(); 
     //function to do stuf with variables 
}); 

Answer 3

Добавить идентификатор к элементам для получения значения и вызвать событие щелчка.

<button id="button_buy">buy</button> 
<input class="productCount" id="productCount" value="variable number" /> 
<script> 
$(document).ready(function(){ 
    var productCount = $('#productCount').val(); 
    $('#button_buy').click(function(){ 
     ('productID','productCount') 
    }); 
}); 
</script>