亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如果在嘗試禁用/啟用輸入字段時添加 Thymeleaf th:field

如果在嘗試禁用/啟用輸入字段時添加 Thymeleaf th:field

HUH函數 2021-10-27 19:06:21
我的代碼中有一些輸入字段,需要根據單擊的復選框啟用或禁用它們。它工作正常,直到我添加了 th:field 部分來存儲 th:object 中的字段值?,F在我的 JavaScript 不起作用,因此這些字段始終處于禁用狀態。這是我的 html 文件中的字段之一:<div class="form-group form-inline form-xtra required">    <label>Texto mensaje:</label>    <div class="form-item">        <textarea cols="200" name="seleccionExcel" class="user-form-control         input-md" th:field="*{mensaje}" id="textoExcel" disabled="disabled">         </textarea>    </div></div>這是 JavaScript 文件:$(function() {$(".introducirManual").click(function(){    $('input[name="seleccionManual"]').prop('disabled', false);    $('textarea[name="seleccionManual"]').prop('disabled', false);      $('input[name="seleccionExcel"]').prop('disabled', true);    $('input[name="seleccionExcel"]').val('');    $('textarea[name="seleccionExcel"]').prop('disabled', true);    $('textarea[name="seleccionExcel"]').val('');});$(".introducirExcel").click(function(){      $('input[name="seleccionExcel"]').prop('disabled', false);    $('textarea[name="seleccionExcel"]').prop('disabled', false);    $('input[name="seleccionManual"]').prop('disabled', true);    $('input[name="seleccionManual"]').val('');    $('textarea[name="seleccionManual"]').prop('disabled', true);    $('textarea[name="seleccionManual"]').val('');    $('input[id="numLibreta"]').val('');});});如果我刪除th:field="*{mensaje}",腳本再次正常工作。使用 Thymeleaf 時,我應該更改引用 JavaScript 文件中字段的方式嗎?
查看完整描述

1 回答

?
動漫人物

TA貢獻1815條經驗 獲得超10個贊

如下更改文本區域名稱,

$('textarea[name="mensaje"]').prop('disabled', true);

屬性th:field將替換輸入標簽中的屬性名稱。

<textarea cols="200" name="seleccionExcel" class="user-form-control  input-md" th:field="*{mensaje}" id="textoExcel" disabled="disabled"> </textarea>

上面的代碼行類似于:

<textarea cols="200" name="mensaje" class="user-form-control  input-md" id="textoExcel" disabled="disabled"> </textarea>



查看完整回答
反對 回復 2021-10-27
  • 1 回答
  • 0 關注
  • 241 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號