jquery - jquery清除内容

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" />

脚本

$('#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("");   
   });
});