禁用复选框和文本

Question

listItem.eid是一个id，根据此id填充文本。如果listItem.eid的id为10，11和12，则复选框和文本均应被禁用并且文本灰显。

但是我尝试过的一个（如下所示）删除了复选框和文本，而不是禁用了文本和复选框。有什么办法吗？

<c:if test="${(listItem.eid == '10') && (listItem.eid == '11') &&  (listItem.eid == '12') }">
<td>
<input type="checkbox" class="disabled" name="titleDisplay" value='<c:out value="${listItem.eid}"/>' 
<c:out value="${listItem.checkedStatus == 'Disabled'}"/> />

确切的代码：

<style>
  .disabled {
    color:#808080;
  }
</style>

然后

  <c:if test="${!empty MODE.model.roleList}">
    <c:forEach var="roleGroupItem" items="${MODE.model.roleList}">
        <c:forEach var="listItem" items="${roleGroupItem.entitlments}">
            <c:if test="${listItem.group == 'STPL'}">
                <tr class="<%=getRowOddEven()%>">
                <c:if test="${(listItem.eid == '10') && (listItem.eid == '11') &&  (listItem.eid == '12') }">
                <td>
                <input type="checkbox" class="disabled" name="titleDisplay" value='<c:out value="${listItem.eid}"/>' 
                <c:out value="${listItem.checkedStatus == 'Disabled'}"/> />
                </td>
                </c:if>

                <c:if test="${(listItem.eid != '10') && (listItem.eid != '11') && (listItem.eid != '12') }">
                            <td>
                            <input type="checkbox" name="titleDisplay" value='<c:out value="${listItem.eid}"/>' <c:out value="${listItem.checkedStatus}"/>> 
                            <%if(key == null) {} else {%><c:out  value="${listItem.checkedStatus}"/> <%}%> 
                            <c:if test="${!empty MODE.errMsg}">
                                 <c:out value="${listItem.checkedStatus}"/>
                            </c:if>
                            <c:out value="${listItem.name}" />
                            </td>       
                            </c:if>
                </tr>
            </c:if>
        </c:forEach>
    </c:forEach>
</c:if>

非常感谢您的帮助！

谢谢！

Answer 1

而不是下面的代码：

<c:if test="${(listItem.eid == '10') && (listItem.eid == '11') &&  (listItem.eid == '12') }">
 <td>
   <input type="checkbox" class="disabled" name="titleDisplay" value='<c:out value="${listItem.eid}"/>' 
   <c:out value="${listItem.checkedStatus == 'Disabled'}"/> />
 </td>
</c:if>

使用以下代码：

  <td>
    <input type="checkbox" <c:if test="${(listItem.eid == '10') || (listItem.eid == '11') ||  (listItem.eid == '12') }"> class="disabled" </c:if> name="titleDisplay" value='<c:out value="${listItem.eid}"/>' 
    <c:out value="${listItem.checkedStatus == 'Disabled'}"/> />
  </td>

首先，您要使用&&条件，并且一次， listItem.eid的值可以是10或11或12。因此您需要将条件&&更改为|| 。

Answer 2

“（（listItem.eid =='10'）&&（listItem.eid =='11'）&&（listItem.eid =='12'）”可能是问题的根源。 你不应该那样做吗？

<c:if test="${(listItem.eid == '10') || (listItem.eid == '11') ||  (listItem.eid == '12') }">
            <td>
            <input type="checkbox" class="disabled" name="titleDisplay" value='<c:out value="${listItem.eid}"/>' 
            <c:out value="${listItem.checkedStatus == 'Disabled'}"/> />

否则，您永远都不会进入if和复选框。

编辑：哎呀！ 太晚了 ！ 我同意Code-lღver。

Answer 3

尝试这个：-

<textarea id="d">vdxc</textarea>
<input type="radio" id="d" value="lol">
<input type="button" onclick="lol()" value="fgdrs">
<script type="JavaScript">
function lol()
{
document.getElementById("d").disabled="true";
}
</script>