Salesforce Visualforce 复选框不可点击

Question

<div class="slds-form-element">
    <div class="slds-form-element__control">
         <span class="slds-checkbox">
             <apex:inputCheckbox value=" !sendNotificationToCreator}" rendered="true" id="sendNotificationToCreator"/>
             <label class="slds-checkbox__label" for="{!$Component.SendEmailNotificationToCaseCreator}">
                 <span class="slds-checkbox--faux"></span>
                 <span class="slds-form-element__label">{!$Label.SendEmailNotificationToCaseCreator}</span>
             </label>
         </span>
     </div>
  </div>

screenshot

在这段代码中，如果我删除 <span class="slds-checkbox">，那么复选框是可点击的，而且也没有任何样式。

如何让它正常工作？我在没有跨度的情况下添加了复选框的屏幕截图 class 并且不符合样式。

我在同一个 vf 页面上有其他复选框，它们具有完全相同的代码，但它们工作正常。

Answer 1

的 value 属性呢？我认为您错过了 value 属性中的 {。

正确的值属性应该是

value="{!sendNotificationToCreator}"

Answer 2

在复选框中添加 styleclass="slds-input" 解决了我的问题。

Salesforce Visualforce 复选框不可点击

Salesforce Visualforce checkbox not clickable

checkbox

salesforce

visualforce

apex