每个复选框都会触发事件

时间:2017-05-11 13:26:00

标签: javascript jquery

我有几个图像,旁边是复选框,它不会单独显示,但如果点击标签触发复选框为true或false,现在我认为一切都很好,直到我不得不使用{{ 1}}所以每个复选框都响应其元素,我的代码会运行,但是当选中一个复选框时,它会触发每个图像的所有事件。

public class ControlScript : MonoBehaviour {
    public ScriptManager scriptManager;
    public Dropdown dropdown;

    private script1 s1;
    private script2 s2;
    private script3 s3;

    void Start() {
        s1 = scriptmanager.GetComponent<script1>();
        s2 = scriptmanager.GetComponent<script2>();
        s3 = scriptmanager.GetComponent<script3>();
    }
    //.... rest of the code

基本上,单击复选框时的代码显示已添加的消息,取消选中时,会显示已删除的消息并消失。 如何使其工作以便使用this?这是我的fiddle

1 个答案:

答案 0 :(得分:1)

这适用于每个带有类型复选框的输入,如果你也保留了这种结构。

$('input:checkbox').on('change', function() {
    if ($(this).prop('checked') === true) {
        $(this).parent('div').siblings('.flex-column').children('h2.addMsg').fadeIn("fast").fadeOut(5000);
    } else {
        $(this).parent('div').siblings('.flex-column').children('h2.removeMsg').fadeIn("fast").fadeOut(5000);
    }
});

如果您有任何疑问,请与我联系。

编辑:

当然,您可以使用类名input:checkbox替换kdng