我有一個包含一系列無線電項(xiàng)目的表格。如果用戶選擇其中一個單選項(xiàng)目（缺少項(xiàng)目）上的特定條目，我會使用 JQuery 將引導(dǎo)無效類添加到表單上的兩個特定輸入，并添加一個標(biāo)簽，要求他們添加詳細(xì)信息并禁用提交按鈕阻止他們提交表格。$(function () {$("input[name=optradio]:radio").click(function () { if ($('input[name=optradio]:checked').val() == "2") { $('textarea[name=sentTo]').addClass('is-invalid'); $('input[name=dateSent]').addClass('is-invalid'); $('#removedMSG').text("You must update this field prior to saving"); $('#removedMSG2').text("You must update this field prior to saving"); $('#submit').prop('disabled', true); } else { $('textarea[name=sentTo]').removeClass('is-invalid'); $('input[name=dateSent]').removeClass('is-invalid'); $('#submit').prop('disabled', false); }});});我想添加進(jìn)一步的檢查，以確保用戶在重新啟用提交按鈕之前更新兩個輸入（一個文本區(qū)域）。我知道我可以使用以下內(nèi)容來檢查輸入更改$("textarea[name=sentTo]").on("input", function(){ $('textarea[name=sentTo]').removeClass('is-invalid');});這很好用。但是我不知道如何將它們整合在一起：因此，基本上用戶選擇收音機(jī)，is-invalid 被添加到 2 個輸入字段，并且禁用提交按鈕 - 用戶根據(jù)需要填寫 2 個字段，只有當(dāng)兩個字段都已更新時，我們才會重新啟用提交按鈕。我想我需要一個 if 語句，但我似乎無法得到正確的代碼。我試過if `$("textarea[name=sentTo]").on("input") && $("textarea[name=dateSent]").on("input")` 但這不起作用
1 回答
哆啦的時光機(jī)
TA貢獻(xiàn)1779條經(jīng)驗(yàn) 獲得超6個贊
您可以傳遞以逗號分隔的多個選擇器，并使用this關(guān)鍵字來引用事件處理函數(shù)內(nèi)的當(dāng)前元素：
var sentTo = dateSent = false;
$("textarea[name=sentTo], textarea[name=dateSent]").on("input", function(){
if($(this).attr('name') == 'sentTo') sentTo = true; //true for sentTo
if($(this).attr('name') == 'dateSent') dateSent = true;//true for dateSent
if(sentTo && dateSent){ // if both are true
$(this).removeClass('is-invalid');
sentTo = dateSent = false;
}
});
- 1 回答
- 0 關(guān)注
- 110 瀏覽
添加回答
舉報
0/150
提交
取消