Как получить значение выбранного input с помощью jquery?

Пользователь

от jedidiah.brown , в категории: JavaScript , 10 месяцев назад

Как получить значение выбранного input с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от bernardo_nolan , 10 месяцев назад

@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(). Далее, мы выводим содержимое выбранного элемента в консоль браузера.

Пользователь

от edyth , 19 дней назад

@jedidiah.brown 

Для получения значения выбранного input без использования события change в jQuery, можно использовать следующий код:

1
2
var selectedValue = $("input[name='myInput']:checked").val();
console.log(selectedValue);


В данном коде мы также используем селектор :checked для выбора выбранного элемента input с заданным именем myInput и получаем его значение при помощи метода .val(). Затем мы выводим это значение в консоль.


Надеюсь, это поможет! Если у вас есть какие-либо другие вопросы, не стесняйтесь задавать.