Question

jquery怎样修改input的name？

Answer 1

方法及操作步骤如下：

1、首先，创建一个新的html文件，如下图所示。

2、其次，创建一个表单，如下图所示。

3、接着，单击创建按钮，如下图所示。

4、然后，预览效果如下图所示。

5、随后，引入jquery.js，如下图所示。

6、接着，点击按钮jQuery隐藏所有 type="checkbox" 的 input 元素，如下图所示。

7、最后，单击按钮预览效果，如下图所示。

Answer 2

1、首先开始新建html文件。

2、接下来开始创建form表单。

3、接下来点击创建按钮。

4、预览效果如图。

5、引入jquery.js。

6、点击按钮jQuery隐藏所有 type="checkbox" 的 input 元素。

7、点击按钮，预览效果如图。

Answer 3

jQuery attr()、prop() 方法都可以用于获取或设置属性值：

$("input:text").attr("name");      // 获取name属性值
$("input:text").attr("name",str);  // 设置name属性值为str

实例演示：先设置文本框的属性值，然后获取

示例代码如下

1. 创建Html元素

   <div class="box">
   	<span>设置和获取name属性值：</span><br>
   	<div class="content">
   		<label>姓名&nbsp;</label><input type="text" class="test" value="">
   	</div>		
   	<label>设置name属性值</label><input type="text" name="set" value=""><input type="button" name="btn1" value="确定"><br>
   	<input type="button" name="btn2" value="获取文本框name值">
   </div>

2. 设置css样式

   div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
   div.box>span{color:#999;font-style:italic;}
   div.content{width:250px;height:50px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
   input[type='text']{width:200px;height:40px;border:1px solid #6699cc;}
   input[type='button']{height:30px;margin:10px;padding:5px 10px;}

3. 编写jquery代码

   $(function(){
   	// 设置属性值
   	$("input:button[name='btn1']").click(function() {
   		$("input.test").attr("name",$("input:text[name='set']").val());
   	});
   	// 获取属性值
   	$("input:button[name='btn2']").click(function() {
   		alert($("input.test").attr("name"));
   	});	
   })

4. 观察效果

• 先为文本框设置一个name属性值

  

• 点击按钮获取该属性值

  

Answer 4

$("input").attr("name","要改的名字");