Question

如何在页面加载时禁用ul元素内的输入字段。

<ul aria-labelledby="prefix-number" role="menu" class="dropdown-menu" style="min-width:80px; overflow-y: scroll;  max-height: 10em;">
<c:forEach var="cso" items="${dl.cso}" varStatus="cart">
<input type="hidden" class="input-field" name="pos_${name}"/>
</c:forEach>

Answer 1

<input disabled="disabled"  class="input-field" name="pos_${name}"/>

首先或所有我认为你不想输入type="hidden"你可能正在寻找一个被禁用的文本框。

属性disabled将执行该操作

启用，如下所示：

$(function(){
   $(document).on('click' , '.radioClass' , function(e){
       $('.dropdown-menu').find('input').prop('enabled' , true);
   });
});

Answer 2

哟可以通过html代码或jquery来实现。

来自Html：
您只需在输入标签中添加“禁用” 当您在任何标记中应用禁用时，用户无法更改该标记中的任何内容您也可以将“禁用”放在标签中的任何位置，如

<input type="hidden" class="input-field" name="pos_${name}" disabled/>

或

<input disabled type="hidden" class="input-field" name="pos_${name}"/>

来自JQuery：
你只需要添加1行来设置disable是true还是false：

禁用任何标记：

$("#inputId").prop('disabled', true);

启用任何标记：

$("#inputId").prop('disabled', false);

Answer 3

使用此

<input type="hidden" class="input-field" name="pos_${name}" disabled/>

动态地执行此操作，您可以使用它...

在页面加载时使用此选项可禁用输入框

 $(".input-field").prop('disabled', true);

并使用此功能启用特定事件的输入框

$(".input-field").prop('disabled', false);

Answer 4

尝试jquery

<input type="hidden" id="inputId" class="input-field" name="pos_${name}"/>

$( document ).ready(function() {
    $("#inputId").prop('disabled', true);
});

禁用ul内的输入字段

4 个答案: