Question

我有一个jsp格式的复选框，其中包含标签，其中包含span，在检查元素后显示。我希望复选框只有在我点击复选框时才可点击。如果我点击复选框标签跨度它不应该是可点击的。我不允许修改这个标签，因为它在类中具有依赖性，我也无法为它修改css，因为它在每个页面上都会中断。如果解决方案可以使用jquery完成，那么最受欢迎。先感谢您。

JSP代码

<div class="fbox3 nspan">
<form:checkbox path="sendWelcomeEmail"  cssClass="label-revert" checked="true"label="Send a welcome email with login details to the user.  /></div>

Answer 1

试试这个，

$("span").css("pointer-events", "none");

替代，

<span onclick='return false;'>some text here</span>

Answer 2

用html替换了jsp标签

  <form:form method="POST" commandName="user" action="" id="user-profile-form">

        <div class="fbox3 nspan " id="sendWelcomeEmail">
                                    <input id="sendWelcomeEmail1" name="sendWelcomeEmail" class="label-revert " checked="true" type="checkbox" value="true">
                                    <label for="sendWelcomeEmail1" style="display:inline-block !important;padding-right: 0 !important; "></label>
                                    <span style="display:inline-block; font-family: latolight, helvetica, arial, sans-serif ; font-weight: 300; color: #969696 !important; font-size: 16px;">Send a welcome email with login details to the user.</span>
                                </div>

和css

#user-profile-form label > span {
margin-right: 12px !important;

}

如何防止单击复选框的标签范围。仅可在复选框上单击

2 个答案: