禁用ul内的输入字段

问题描述:

如何在页面加载时禁用ul元素内的输入字段。禁用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> 
+0

你不能真正禁用隐藏的输入,隐藏的输入只是用来存储它们不与用户交互的数据。看到我的回答,我想你正在寻找一个文本框。否则它是没有任何意义的,你想禁用一个隐藏的输入 –

<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); 
    }); 
}); 
+0

我想实现页面加载,并启用相同的单选按钮 – user3568243

+0

这将实现在页面加载时,你将需要JavaScript来改变输入在无线电广播中启用它 –

+0

这回答了您的问题“我们如何禁用页面加载时ul元素内的输入字段。“ –

使用此

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

做它动态地你可以使用这个像...

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

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

,并使用这个在特定事件使能输入框

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

我想实现页面加载,并启用相同的单选按钮 – user3568243

+0

这是一个我试过,但它不工作 – user3568243

尝试jQuery的

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

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

呦可以通过HTML代码或jQuery的做到这一点。

来自HTML:
你只需要在输入标签中添加“disabled”。
当您在任何标签中应用禁用时,用户无法更改该标签中的任何内容。
你也可以把“禁用”任何地方的标签一样

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


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


从JQuery的:
你只需要加1行设置禁用的真假false:

禁用任何标记:

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

为使任何标签:

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