Question

我正在尝试检查是否选中了复选框，并在选中时在页面上显示一个元素。

这是我的功能：

function checkedTechSolutions(){    
    Y.one('#techsol input[type=checkbox]').on('change', function (e) {
        var target = e.currentTarget,
        techSBox = Y.one('#techsolutions');
        if (target.get('checked')){ 
            techSBox.show();
        } else techSBox.hide();
    }
}

这是我的css：

#techsolutions {width: 380px; height: 100px; background-color:#cee4f2; display: none;}
#techsolutions .box {text-align: center;}

这是我的HTML：

<div id="techsolutions">

    <div class=box>
    <label for="TypeOfTS">Tech Solutions: </label>
    <select name="techSolutionsDrop">
        <option value="techServices">Choose your services </option>
    </select>
    </div>  

</div>

Answer 1

一些注意事项：

您的示例缺少#techsol
曾checkedTechSolutions曾被召唤过吗？在使用YUI时，您不需要文档就绪类型事件来将侦听器附加到复选框。
使用 css类更改此类视觉效果。它更容易理解和清洁。

查看此jsfiddle

中的完整解决方案

如何检查是否使用更改侦听器选中了复选框

1 个答案: