Salesforce Aura 输入复选框 - HTML

Salesforce Aura是一个用于构建Web应用程序的MVC框架。在Salesforce Aura中，输入复选框（Input Checkbox）是一种常见的UI组件，可以用于为用户提供复选框选项。在本文中，我们将讨论如何在Salesforce Aura中使用输入复选框。

使用Salesforce Aura中的输入复选框

要在Salesforce Aura中使用输入复选框，需要使用HTML标记来创建它。以下是一个基本的示例：

<aura:component>
    <input type="checkbox" name="myCheckbox" value="true" />
</aura:component>

在这个例子中，我们使用了<input>标记来创建输入复选框。该标记具有三个属性：type、name和value。type属性设置为“checkbox”，告诉浏览器这是一个复选框。name属性用于标识复选框（在提交表单时可用），value属性设置为“true”，表示复选框应该被选中。

设置默认选中项

如果要在加载组件时将复选框设置为选中状态，则可以使用checked属性。以下是一个例子：

<aura:component>
    <input type="checkbox" name="myCheckbox" value="true" checked />
</aura:component>

该复选框将在组件加载时自动选中。

监听复选框事件

在Salesforce Aura中，可以使用事件（Event）来监听复选框的状态更改。以下是一个例子：

<aura:component>
    <input type="checkbox" name="myCheckbox" value="true" onchange="{!c.handleCheckboxChange}" />
</aura:component>

在这个例子中，我们使用了onchange事件来监听复选框的状态更改。当复选框的状态更改时，将调用名为handleCheckboxChange的控制器（Controller）方法。

控制器方法

通过使用控制器方法，可以响应复选框状态更改的事件。以下是一个例子：

({
    handleCheckboxChange : function(component, event, helper) {
        var isChecked = event.target.checked;
        // Do something with the checkbox state
    }
})

在这个例子中，我们创建了一个名为handleCheckboxChange的控制器方法。该方法从事件对象中获取复选框的状态，并执行自定义处理。

结论

在Salesforce Aura中，使用输入复选框非常简单。只需要使用HTML标记创建它，并使用事件和控制器方法响应它的状态更改即可。在开发Salesforce Web应用程序时，输入复选框是一个非常有用的UI组件，可以让用户进行选择。