檢查輸入值是否爲空更改文字

我編寫了下面的代碼，用於更改名爲active yes的div的文本，根據每個輸入的類型爲hidden的值。我想改變這個div的文本，如果輸入與id啓用「啓用列表」，並且如果用classname刪除有價值的輸入更改div文本爲「已刪除列表」，如果他們都爲空顯示「列表」。我的代碼無法正常工作。我的問題是什麼？這裏是我的代碼片段：檢查輸入值是否爲空更改文字

$(document).ready(function() { 
 
    tmpval = $('#enable').val(); 
 
    if (tmpval == '') { 
 
    $('.activeyes').text('list'); 
 
    } else { 
 
    $('.activeyes').text('Enable List'); 
 
    } 
 
     
 
    tmpval2 = $('#delete').val(); 
 
    if (tmpval2 == '') { 
 
    $('.activeyes').text('List'); 
 
    } else { 
 
\t $('.activeyes').text('Deleted List'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<input type="text" value="aa" id="enable" /> 
 
<input type="text" value="" id="delete" /> 
 
<h1 class="activeyes"> List</h1>

來源

2017-09-25 aynaz

你需要在'change'或'keyup'事件，而不是在DOM準備 – Se0ng11

@ Se0ng11它是確定做。我從我的地址欄中獲取輸入的值，我的問題是另一回事 – aynaz

我不明白你想要做什麼。你能用不同的詞來解釋嗎？ – IzzyCooper

您將要覆蓋在第二次檢查的第一次檢查的效果;你需要一起檢查2個輸入值。不過，目前還不清楚如果兩者都非空，會發生什麼。

$(document).ready(function() { 
 
    tmpval = $('#enable').val(); 
 
    tmpval2 = $('#delete').val(); 
 
    if (tmpval == '' && tmpval2 == '') { 
 
    $('.activeyes').text('list'); 
 
    } else if(tmpval!=''){ 
 
    $('.activeyes').text('Enable List'); 
 
    } else if(tmpval2!=''){ 
 
    $('.activeyes').text('Deleted List'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<input type="text" value="aa" id="enable" /> 
 
<input type="text" value="" id="delete" /> 
 
<h1 class="activeyes"> List</h1>

來源

2017-09-25 06:08:10 dev8080

這不會發生，我只有一個價值。先謝謝你 – aynaz

什麼是我的問題嗎？

當您更改其值時，您需要檢查input的值，以便捕獲change事件。

$(document).ready(function() { 
 

 
    $('#enable, #delete').change(function() { 
 
    var $this = $(this); 
 
    var id = $this.attr("id"); 
 
    var value = $this.val(); 
 
    if (value.length == 0) 
 
    { 
 
     $('.activeyes').text('list'); 
 
    } 
 
    else 
 
    { 
 
     id == "enable" ? $('.activeyes').text('Enable List') : $('.activeyes').text('Deleted List'); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<input type="text" value="aa" id="enable" /> 
 
<input type="text" value="" id="delete" /> 
 
<h1 class="activeyes"> List</h1>

來源

2017-09-25 06:07:00 gurvinder372

檢查輸入值是否爲空更改文字

回答

相關問題