jquery怎样修改input的name？

Question

jquery怎样修改input的name？

Answer 1

jQuery attr()、prop() 方法都可以用于获取或设置属性值：12$("input:text").attr("name");&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;获取name属性值$("input:text").attr("name",str);&nbsp;&nbsp;//&nbsp;设置name属性值为str实例演示：先设置文本框的属性值，然后获取示例代码如下创建Html元素12345678<div&nbsp;class="box">&nbsp;&nbsp;&nbsp;&nbsp;<span>设置和获取name属性值：</span>&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="content">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label>姓名&nbsp;</label><input&nbsp;type="text"&nbsp;class="test"&nbsp;value="">&nbsp;&nbsp;&nbsp;&nbsp;</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label>设置name属性值</label><input&nbsp;type="text"&nbsp;name="set"&nbsp;value=""><input&nbsp;type="button"&nbsp;name="btn1"&nbsp;value="确定">&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="button"&nbsp;name="btn2"&nbsp;value="获取文本框name值"></div>设置css样式12345div.box{width:300px;height:250px;padding:10px&nbsp;20px;margin:20px;border:4px&nbsp;dashed&nbsp;#ccc;}div.box>span{color:#999;font-style:italic;}div.content{width:250px;height:50px;margin:10px&nbsp;0;padding:5px&nbsp;20px;border:2px&nbsp;solid&nbsp;#ff6666;}input[type='text']{width:200px;height:40px;border:1px&nbsp;solid&nbsp;#6699cc;}input[type='button']{height:30px;margin:10px;padding:5px&nbsp;10px;}编写jquery代码12345678910$(function(){&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;设置属性值&nbsp;&nbsp;&nbsp;&nbsp;$("input:button[name='btn1']").click(function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("input.test").attr("name",$("input:text[name='set']").val());&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;获取属性值&nbsp;&nbsp;&nbsp;&nbsp;$("input:button[name='btn2']").click(function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert($("input.test").attr("name"));&nbsp;&nbsp;&nbsp;&nbsp;});})观察效果先为文本框设置一个name属性值点击按钮获取该属性值&nbsp;

Answer 2

jquery中attr 方法可以修改元素的任何属性，像name,href,src都可以通过这个方法来进行修改。例如： $('input[name="sno"]').attr('name','account'); &nbsp;&nbsp;attr 接收两个参数 &nbsp;第一为属性名，第二为属性值。同时attr参数还支持对象的方式，方便同时对多个属性进行修改。例如：&nbsp;$('input[name="sno"]').attr({'name':'account','href':'test-href'});&nbsp; &nbsp;