清除多个文本框Jquery

时间:2013-12-19 11:49:45

标签: jquery

我在页面上有多个以编程方式生成的具有相同ID的文本框。这会清除第一个文本框。

$('#commentText').val('');

但不会清除具有相同ID的其他文本框。如何使jquery清除ID为commentText的所有文本框。

或者,我可以给这些文本框添加唯一名称有没有办法指定哪个文本框要通过ID以外的属性清除?

由于

3 个答案:

答案 0 :(得分:2)

id 必须是唯一的。而是使用 class

$('.commentText').val('');

仅供参考:.用于类选择器

答案 1 :(得分:1)

不要对多个文本框使用相同的ID。改为使用类。

然后:

$('.commentText').val('');

答案 2 :(得分:0)

试试这个

<html>
 <head>
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script type="text/javascript">

    function myFun(){
$('.test').val('');
    }
   </script>

  </head>
 <body>

   <input type="text" class="test" value="xxxxxxxxxx" ><br>
   <input type="text" class="test" value="xxxxxxxxxx"><br>
   <input type="text" class="test" value="xxxxxxxxxx"><br>
   <input type="text" class="test" value="xxxxxxxxxx"><br>
   <input type="text" class="test" value="xxxxxxxxxx"><br>
   <input type="text" class="test" value="xxxxxxxxxx"><br>
   <input type="text" class="test" value="xxxxxxxxxx"><br>

   <input type="button" onclick="myFun()" value="clear_All">
</body>