jQuery在选择单选按钮时更改输入文本
试图获取<input class="box" type="text" value="??" name="searchQuery"
<input class="box" type="text" value="??" name="searchQuery"
在选择单选按钮时更改。 因此,如果用户按下“名字”单选按钮,它会将.box输入的值更改为诸如“输入名字”之类的值,并让其为其他单选按钮执行此操作。
有人可以帮忙吗? jQuery新手在这里:)
.hidden { display: none; } $(function() {$('input[type=text]').focus(function() {$(this).val('')});}); ** $("#searchSelect").change(function () { var str = ""; $("radio option:option1").each(function () { str += $(this).text() + " "; }); $("div").text(str); }) .change(); **
真的很简单。
使用代码:
$(document).ready(function(){ $("input[type=radio]").click(function(){ $("#it").val(this.value); }); });
和HTML:
这表明了如何做到这一点的概念。
给收音机输入一类“选项”或称之为永远
然后是jquery:
$('.option').click(function(){ var thisRadio = $(this).val(); $('.box').val(thisRadio); });
它将绑定一个事件处理程序更改表单searchSelect中的所有输入,名称为option1 , 类型为radio 。
$(function() { $('#searchSelect input[name="option1"]:radio').change(function() { $('.box').val('Enter a ' + this.value); }); });
要了解有关更改事件的更多信息,请查看jQuery文档 。
$(document).ready(function() { $("input[name=option1]:radio").click(function(eventObj) { $("input[name=searchQuery]").val("Enter a " + $(eventObj.target).val()); }); });