javascript - 加入2个输入Jquery？

Question

我有 HTML 基本代码

<div class="w-input-number-change">
    <input class="other-select input-number-change" type="radio" data-price="110" data-value="I will supply ___ pages of typed content" name="copy">
    I will supply 
    <input class="other-select input-number-change-value" type="number" data-price="110" data-value="pages of typed content" name="copy" value="1"> 
    pages of typed content. 
</div>  

我得到值输入类型单选

$content_radio =  $('.input-number-change').data('value');

我会选择输入类型单选框，显示“我将提供 _ 页键入的内容”，其中 _ 是输入类型 number 的值。如何从点击输入单选时显示的输入数字中获取值？

Answer 1

从输入中删除data-value，您可以轻松获取它，如下所示:

<强> DEMO

HTML

<div class="w-input-number-change">
        <input class="other-select input-number-change" type="radio" data-price="110" name="copy"/>
         I will supply
        <input class="other-select input-number-change-value" type="number" data-price="110" data-value="pages of typed content" name="copy" value="1"/> 
        pages of typed content. 
</div>  

JS

$('.input-number-change').on('click',function(){
    var value=$(this).siblings('.input-number-change-value').val();
    alert('I will supply '+value +' pages of typed content')
});