如果文本輸入有長度，jQuery將取消選中複選框

Question

如果另一個文本輸入具有值（M/DD/YYY格式），我需要取消選中複選框（如果已選中）。我使用glDatePicker設置爲#StartDate價值，內容通過AJAX帶來因此Im使用「對」功能可按

<div id="bottomContent"> 
    <input type="text" id="StartDate" name="StartDate"><br /> 
    <input type="text" id="EndDate" name="EndDate"><br /> 
    <label for="AllDate"><input type="checkbox" name="AllDate" id="AllDate">All Dates</label> 
</div> 

$(function() { 
    $('#bottomContent').on('change', '#StartDate', function(e){ 
     var value = $(this).val(); 
     if (value.length > 0 ) { 
     //$('#AllDate').prop('checked', false); 
     console.log('hi'); 
     } 
    }); 
}); 

Im相當肯定我有我的參數，在參數。對搞砸。

Answer 1

好的！你在這裏，因爲你使用glDatePicker。

我也修改了jsfiddle。 http://glad.github.com/glDatePicker/#reference

謝謝您：使用該腳本，當你選擇一個可選日期，它將從AllDate

刪除複選框，顯然這一切都來自於這個參考

http://jsfiddle.net/Xkvcx/8/

$(function() { 
    $('#StartDate').glDatePicker({ 
     onClick: (function(el, cell, date, data) { 
      el.val(date.toLocaleDateString()); 
      $('#AllDate').prop('checked', false); 
     }) 
    }); 
}); 

晚安！

Answer 2

.prop('checked', false)應該按預期工作。嘗試取消註釋該行，它應該工作（請參閱下面的小提琴鏈接）。

$(function() { 
    $('#bottomContent').on('change', '#StartDate', function(e){ 
     var value = $(this).val(); 
     if (value.length > 0 ) { 
      $('#AllDate').prop('checked', false); 
     console.log('hi'); 
     } 
    }); 
}); 

我以前推薦使用.removeProp()，but I'm mistaken。

在這裏看到的小提琴 - http://jsfiddle.net/teddyrised/Xkvcx/

Answer 3

$('#StartDate').on('change', function(e){ 
    $('#AllDate')[0].checked = $(this).val().length > 0; 
}); 

Example

---

或者，如果你正在更新#bottomContent與AJAX和需要保持.on()結合相同：

$('#bottomContent').on('change', '#StartDate', function(e){ 
    $('#AllDate')[0].checked = $(this).val().length > 0; 
}); 

Example