Question

我有以下Jquery代码和一个html页面，其中包含一些数字为1- 2 -3-4-5-6的按钮和一个清除按钮，一旦我输入数字，我该如何清除这些数字。

我尝试按ID选择清除按钮，但这不起作用，因为我选择了此代码中的所有按钮。

$('input[type="button"]').click(function() {
     var txt = $(this).val();
     $('#textbox').val( $('#textbox').val() + txt ); 
});

Answer 1

试试这个，

<强> HTML

 <input type="button" id="btnClear" value="Clear" />

<强> SCRIPT

$('#btnClear').click(function() {
    $('#textbox').val(''); 
});

同样更改您的代码，

$('input[type="button"]:not(#btnClear)').click(function() {
    var txt = $(this).val();
    $('#textbox').val( $('#textbox').val() + txt ); 
});

Answer 2

为您的清除按钮添加ID（唯一）并使用ID选择器...和.val('')清除

 $('#clearButtonID').click(function() {
      $('#textbox').val(''); 
  });

并且您可以使用相同的类命名其余按钮，并使用类选择器作为其他按钮..

 $('.otherButtonsClassName').click(function() {
    var txt = $(this).val();
    $('#textbox').val( $('#textbox').val() + txt ); 
  });

否则不要使用..

 $('input[type="button"]').not('#clearButtonID').click(function() {
    var txt = $(this).val();
    $('#textbox').val( $('#textbox').val() + txt ); 
 });

Answer 3

给你的清除按钮id例如clear，你的文字字段也是id。 txt

$(document).ready(function(){
   $('#clear').bind('click',function(){
       $('#txt').val("");   
   });
});

Jquery清除内容

3 个答案: