[英]Javascript click function not working
我需要在單擊時取消文本框中的值,目前我已經編寫了代碼
<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(" ");
});
});
但現在寫它不能正常工作......這是任何瀏覽器問題或代碼中的錯誤..
代碼錯誤。
您的選擇".kw1"
選擇具有元件kw1
作為class
屬性。 沒有你的輸入有一個類,他們只有name
。 向它們添加類或將jQuery中的選擇器替換為以下格式: $('[name="kw1"]')
您還可以通過以下方式簡化功能:
$('.keyword_non')
.on('click', 'input[type="text"]', function(e) {
this.value = ''; // input that was clicked on
}
在選擇器中'。' 表示一個班級。 用於名稱使用
$('[name="kw1"]'). //
這是您的代碼中的語法錯誤。您在單擊函數中不使用點(。).Dot(。)將用於類。 當kw1是輸入中的名稱時
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.