加入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')
});