jquery - jQuery 代码的优化

Question

我在这里尝试检测option[name='admin']的选择，如果是，则选中提到的复选框，如果不是，则取消选中它。

这段代码有更好的优化吗？

$("select option[name='admin']:selected").select(function () {
    $(".gestionSupervision").prop('checked', true);
});

$("select option[name='sei']:selected").select(function () {
    $(".gestionSupervision").prop('checked', false);
});

HTML:

<select name="role" id="role" class="form-control" disabled>
    <option value="admin">Administrateur</option>
    <option value="sei">Superviseur</option>
</select>

非常感谢!!

Answer 1

您可以使用以下代码更容易理解:

$('select#role').on('change', function (e) {
    var optionSelected = $("option:selected", this),
        selectedVal = this.value;

    if(selectedVal == "admin") {
        $(".gestionSupervision").prop('checked', true);
    } else {
        $(".gestionSupervision").prop('checked', false);
    }
}).change();

<强> Fiddle Demo

或者您可以将上面的代码缩短为:

$('select#role').on('change', function (e) {
    var selectedVal = $(this).find('option:selected').val();
    $(".gestionSupervision").prop('checked', selectedVal == "admin");
}).change();

<强> Fiddle Demo