如何使用Jquery更改给定的输入无线电值?

时间:2016-06-03 14:08:31

标签: jquery input

我有一个基本的单选按钮,想要更改其值。我尝试了这个,但它没有用。它给了我一个ruby -v错误。

[object Object]
<input type="radio" name="myname" value="horse">

我该怎么做?

6 个答案:

答案 0 :(得分:3)

$('input:radio')

将页面中的所有单选按钮作为对象返回。

$('input:radio').val("cat")

将设置所有单选按钮的值。

$("input:radio[name=myname]").val("cat");

将单选按钮的值设置为“cat” 请注意,多个单选按钮可以具有相同的名称

<input type="radio" name="myname" value="horse" id="myradiobtn">

$("#myradiobtn").val("cat");

只会更改此特定单选按钮的值。

答案 1 :(得分:2)

你可以这样找到:

$('input[name=myname]').val("cat");

答案 2 :(得分:2)

用于收音机的更改值。

$("input:radio[name=myname]").val("cat");

从无线电中获取价值。

var myval = $("input:radio[name=myname]").val();

答案 3 :(得分:1)

JSFIDDLE DEMO

$("input:radio")

注意 - $("input:radio[name=groupname]")将选择页面上可能不是您想要的所有单选按钮。

  • 如果您要定位具有相同名称的特定单选按钮组中的所选单选按钮,请使用$("#radioButtonId1")
  • 或者,如果您要定位所有单选按钮中的特定单选按钮,请使用ID(因为ID是唯一的),如changed_when: false

答案 4 :(得分:1)

对于单个值,可以使用不带[]的val,并使用myval.val()来获取其值。

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="myname" value="horse">

<script>
var myval = $("input:radio").val("cat");
alert(myval.val());
  </script>
&#13;
&#13;
&#13;

答案 5 :(得分:1)

<input type="radio" name="myname" value="horse">

var myval = $("input:radio[name=myname]").val("cat");
alert(myval.val());

在cat周围删除[],因为你想为字符串cat设置值,而不是包含字符串cat的数组。

选择$(&#34;输入:radio [name = myname]&#34;),因为它提供了更清晰的信息,但在这个示例中并不重要,但这是一个很好的做法

alert给你[Object object]因为它只能输出字符串所以你需要得到myval.val()。

我建议使用console.log,因为它会更清晰,并且如果你不小心选择了某个错误的部分,它就能够深入研究一个对象。