如何在JSP和JS中使用相同的id修复操作？

Question

我使用以下代码将一个变量从JSP发送到java：

 <s:hidden name="checkActes" id="checkActes"></s:hidden>
 
 <s:checkbox id="checkActes" labelposition="left" cssClass=" block-left check" 
 label="%{getText('prestationPsDto.actes')}" key="prestationPsDto.actesSpec"/>  

添加隐藏属性后，JS中的操作无法工作

$('#checkActes').on('click',function() {
            console.log("kjfffkj");
            if($('#checkActes').is(':checked')){
                console.log("kjkj")
                $("#cleCotation").show()
            
            }
            else{
                $("#cleCotation").hide()
                $('#cleCotation').find("input,select").val('');

            }
            
            }); 

我想问题是因为我在JSP和JS中都使用了相同的id，有什么解决方案来解决这个问题吗？

Answer 1

Struts标记id属性用于HTML属性。两个输入hidden和select都有相同的ID，但是JavaScript代码找到了第一个，但是应该使用第二个。

解决这个问题的方法是为id属性使用不同的值。

<s:hidden name="checkActes" id="checkActesID"></s:hidden>

您可以在docs站点上找到如何使用struts标记的详细信息。There在这个问题上有一个类似的答案，这个问题有一个指向docs站点的链接。