如何从单选按钮输入字段中获取值？ JS , jQuery

Question

我有 2 个单选按钮，第二个是输入字段。 我需要从输入字段中获取选定的值，如果是第二个，则需要获取值。 问题是，当第二个按钮被选中时，它的输入值是空的，直到用户在那里输入一些东西。 结果，我总是空场。

标记和代码如下

<input id="x" type="radio" name="re" value="Undefined" checked>No limit
<input id="y" type="radio" name="re" value="limit">Limit 
<input id="y-input-radio" type="number" min="1" max="20" placeholder="Up to 20"/>

    //tweet limit
    $('input[type="radio"]').on('click', function(){
     var value = $(this).val();
     if(value === 'limit'){
        var tweetLimit = document.getElementById('y-input-radio').value;
        console.log(tweetLimit); //returns 0 cos its still empty
     }
    });

我检查了 setTimeout 但我不确定如何实现它，也许还有另一种解决方案

Answer 1

您可以使用 $("input").change()

所以每次价值发生变化时都会被采用

例子：

 //tweet limit $('input[type="radio"]').on('click', function () { var value = $(this).val(); if (value === 'limit') { $("input").change(function () { var tweetLimit = $('#y-input-radio').val(); console.log(tweetLimit); }); } else { $("input").off('change'); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <input id="x" type="radio" name="re" value="Undefined" checked>No limit <input id="y" type="radio" name="re" value="limit">Limit <input id="y-input-radio" type="number" min="1" max="20" placeholder="Up to 20" />

Answer 2

你能在你的输入上使用 change() 函数吗？ 在文本输入中进行更改后，IT 将触发一个事件。