我在这里尝试检测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>
非常感谢!!
最佳答案
您可以使用以下代码更容易理解:
$('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
关于jquery - jQuery 代码的优化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21819854/