JavaScript 单击文本框中的函数空值

JavaScript click function null value in text box

本文关键字：函数 空值 单击 文本 JavaScript      更新时间：2023-09-26

我需要在单击时将文本框中的值清空，目前我已经编写了这样的代码：

<div class="keyword_non">
                    <h1>Keywords : <a class="someClass question_off" title="Keywords "></a></h1>
                    <h2><input type="text" name="kw1" value="one" /></h2>
                    <h2><input type="text" name="kw2" value="two" /></h2>
                    <h2><input type="text" name="kw3" value="three" /></h2>
                    <h2><input type="text" name="kw4" value="four" /></h2>
                      
                </div>
<script type="text/javascript" src="/functions/javascript/custom/non_profit_edit.js"></script>
<script type="text/javascript" src="/functions/javascript/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/functions/javascript/custom/jquery-ui-1.8.7.custom.min.js"></script>

在里面non_profit_edit.js我这样写的

$(document).ready(function(){
                           
        $(".kw1").click(function() { 
        $(".kw1").val(" ");          
        });
        
        $(".kw2").click(function() { 
        $(".kw2").val(" ");          
        });
        
        $(".kw3").click(function() { 
        $(".kw3").val(" ");          
        });
        
        $(".kw4").click(function() { 
        $(".kw4").val(" ");          
        });
        
});

但是现在写它不能正常工作。这是任何浏览器问题或代码错误吗？

在选择器中，"."表示一个类。 对于名称使用

$('[name="kw1"]'). //

代码错误。

选择器".kw1"选择kw1作为class属性的元素。您的输入都没有类，它们只有name。向它们添加类或将 jQuery 中的选择器替换为以下格式：$('[name="kw1"]')

您还可以通过执行以下操作来简化函数：

$('.keyword_non')
    .on('click', 'input[type="text"]', function(e) {
        this.value = ''; // input that was clicked on
    }

这是代码中的语法错误。您不要在单击函数中使用 dot（.） 。当 kw1 是输入中的名称时，Dot（.） 将用于类。

相关文章：