删除输入字段值onclick

时间:2013-12-12 15:43:37

标签: javascript jquery html

我想在点击按钮时删除输入字段值。我怎么能这样做。

例如

<input type="text" name="text"> /***************IF value =Akram ************/
<input type="button">

4 个答案:

答案 0 :(得分:3)

当您将输入元素放在表单

中时,您可以使用仅限html的解决方案
<form>
    <input type="text" name="text" />
    <input type="reset" />
</form>

JSFiddle

这是一个Javascript版本

<input id="text" type="text" name="text" />
<input id="button" type="button" />
var text = document.getElementById('text');
var button = document.getElementById('button');
button.onclick = function() {
    text.value = '';
}

JSFiddle

答案 1 :(得分:1)

<强> HTML:

<input type="text" name="text" value="Akram">
<input type="text" name="text" value="something else">

<input type="submit" value="button" id="btn" />

<强>的jQuery

$('#btn').click(function(){
    $('input').each(function(){
      if ($(this).val() == "Akram")
        $(this).val('');
    }); 
});

<强>样本:

http://jsfiddle.net/e7j24/5/

答案 2 :(得分:1)

试试这个:

$(function(){
  $('input[type=button]').click(function(){
    if($('input[type=text]').val() == 'something') 
       $('input[type=text]').val('');
  });
});

答案 3 :(得分:0)

<input type="text" name="text" id="input" />
<input type="button" onclick="if($('#input').val() == 'Akram'){ $('#input').val(''); }" />