我有兩個(gè)輸入字段，如果另一個(gè)輸入字段中有值，我希望禁用另一個(gè)輸入字段。我嘗試使用 jQuery 但沒有任何反應(yīng)。有人知道我該怎么辦嗎？謝謝我的輸入框<ul><li id="fixedSalaryList"><b>Fixed Salary (Monthly)</b> <a href="#" class="show-input">$<?php echo $data['app1']['salary']; ?> <img src="<?php echo $dirimg; ?>/arrow-right.svg"></a> <input type="text" name="salary[]" id="fixedSalary" class="assest-input inputNumber" value="<?php echo $data['app1']['salary']; ?>" inputmode="numeric"></li><li id="selfEmployedList"><b>Self-Employed Income (Annually)</b> <a href="#" class="show-input">$<?php echo $data['app1']['selfEmployedIncome']; ?><img src="<?php echo $dirimg; ?>/arrow-right.svg"></a> <input type="text" name="selfEmployedIncome[]" id="selfEmployed" class="assest-input inputNumber" value="<?php echo $data['app1']['selfEmployedIncome']; ?>" inputmode="numeric"></li></ul>查詢 $('input').on('input', function() { $(this).closest('li').find('input').not(this).prop('disabled', this.value.length) });$('li input').on('input', function() { $(this).closest('li').find('input').not(this).prop('disabled', this.value.length)});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><ul><li id="fixedSalaryList"><b>Fixed Salary (Monthly)</b> <a href="#" class="show-input">$</a> <input type="text" name="salary[]" id="fixedSalary" class="assest-input inputNumber" inputmode="numeric"></li><li id="selfEmployedList"><b>Self-Employed Income (Annually)</b> <a href="#" class="show-input">$</a> <input type="text" name="selfEmployedIncome[]" id="selfEmployed" class="assest-input inputNumber" inputmode="numeric"></li></ul>
3 回答
慕碼人8056858
TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超6個(gè)贊
你可以這樣做：
$(document).ready(function() {
$("#fixedSalary").on("input", function() {
if ($("#fixedSalary").val() != "") {
$("#selfEmployed").prop('disabled', true);
} else {
$("#selfEmployed").prop('disabled', false);
}
});
$("#selfEmployed").on("input", function() {
if ($("#selfEmployed").val() != "") {
$("#fixedSalary").prop('disabled', true);
} else {
$("#fixedSalary").prop('disabled', false);
}
});
});
$("#btnReset").click(function() {
$("#fixedSalary").prop('disabled', false);
$("#selfEmployed").prop('disabled', false);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
<li id="fixedSalaryList"><b>Fixed Salary (Monthly)</b>
<a href="#" class="show-input">$</a>
<input type="text" name="salary[]" id="fixedSalary" class="assest-input inputNumber" inputmode="numeric">
</li>
<li id="selfEmployedList"><b>Self-Employed Income (Annually)</b>
<a href="#" class="show-input">$</a>
<input type="text" name="selfEmployedIncome[]" id="selfEmployed" class="assest-input inputNumber" inputmode="numeric">
</li>
</ul>
<input type="submit" text="Reset" id="btnReset">
慕絲7291255
TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊
change()你可以用這樣的事件來(lái)做
查詢
$(document).ready(function(){
$("#selfEmployed").change(function(){
$("#fixedSalary").prop('disabled', true);
});
$("#fixedSalary").change(function(){
$("#selfEmployed").prop('disabled', true);
});
});
現(xiàn)在它可以雙向工作。
婷婷同學(xué)_
TA貢獻(xiàn)1844條經(jīng)驗(yàn) 獲得超8個(gè)贊
這正是您要找的
$(document).ready(function(){
$("#selfEmployed").keyup(function(){
if(!$("#selfEmployed").val()){
$("#fixedSalary").prop('disabled', false);
}
else {
$("#fixedSalary").prop('disabled', true);
}
});
$("#fixedSalary").keyup(function(){
if(!$("#fixedSalary").val()) {
$("#selfEmployed").prop('disabled', false);
}
else {
$("#selfEmployed").prop('disabled', true);
}
});
});
注意：請(qǐng)記住，我們正在對(duì)keyup()事件執(zhí)行此操作，因此即使您刪除了輸入，它也會(huì)起作用。
- 3 回答
- 0 關(guān)注
- 107 瀏覽
添加回答
舉報(bào)
0/150
提交
取消