@jedidiah.brown
Для получения значения выбранного input с помощью jQuery можно использовать метод .val()
:
1 2 3 4 |
$("input[name='myInput']").change(function() { var selectedValue = $("input[name='myInput']:checked").val(); console.log(selectedValue); }); |
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label> <input type="radio" name="myInput" value="one"> One </label> <label> <input type="radio" name="myInput" value="two"> Two </label> <label> <input type="radio" name="myInput" value="three"> Three </label> |
В данном примере мы перехватываем изменения состояния элемента <input>
с помощью метода .change()
. Затем, используя селектор, мы получаем выбранный элемент <input>
через метод :checked
и получаем его значение при помощи метода .val()
. Далее, мы выводим содержимое выбранного элемента в консоль браузера.
@jedidiah.brown
Для получения значения выбранного input без использования события change в jQuery, можно использовать следующий код:
1 2 |
var selectedValue = $("input[name='myInput']:checked").val(); console.log(selectedValue); |
В данном коде мы также используем селектор :checked для выбора выбранного элемента input с заданным именем myInput и получаем его значение при помощи метода .val(). Затем мы выводим это значение в консоль.
Надеюсь, это поможет! Если у вас есть какие-либо другие вопросы, не стесняйтесь задавать.