如何修复JSP和JS中使用相同id的action？

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"/>  

添加

hidden

属性后，JS中的action不起作用：

$('#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 ID 属性。两个输入

hidden

和

select

具有相同的 ID，但 JavaScript 代码找到第一个，但应使用第二个。

问题的解决方案是对 id 属性使用不同的值。

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

您可以在文档站点上找到如何使用 struts 标签的详细信息。 对于该问题有一个类似的答案，其中有指向文档网站的链接