JQuery 在选择右键选择值时启用/禁用输入
JQuery enable/disable input when right select value selected
我有一个输入类型select
和输入类型text
。我想要的是,当我在选择输入中选择"其他">项时,其他输入类型文本将启用,否则将被禁用。我这里有一个代码,我可能在这里错过了一些东西。
<script type='text/javascript'>
var others = $('select[name="facility"]').val()
$().ready(function() {
if(others == "Others"){
$('input').each(function() {
if ($('#disabled_input').attr('disabled')) {
$('#disabled_input').removeAttr('disabled');
}
else {
$('#disabled_input').attr({
'disabled': 'disabled'
});
}
});
}
});
});
</script>
> 使用onchange
事件获取 select 的值,我假设 id 只分配给一个输入字段disabled_input
那么遍历所有输入是没有意义的
<script type='text/javascript'>
$(document).ready(function() {
$('#disabled_input').attr('disabled','disabled');
$('select[name="facility"]').on('change',function(){
var others = $(this).val();
if(others == "Others"){
$('#disabled_input').removeAttr('disabled');
}else{
$('#disabled_input').attr('disabled','disabled');
}
});
});
</script>
在此处观看演示
我认为这里不需要each
。对于每次迭代,它将检查if ($('#disabled_input').attr('disabled'))
您可以直接检查
var others = $('select[name="facility"]').val();
$(document).ready(function () {//missing document
if (others == "Others") {
//no need of each here
if ($('#disabled_input').attr('disabled')) {
$('#disabled_input').removeAttr('disabled');
}
else {
$('#disabled_input').attr({'disabled': 'disabled'});
}
}
});
相关文章:
- jQuery根据用户选择启用/禁用asp.net控件
- 选择框已禁用或由其他选择框的某个选项启用
- 禁用/启用基于单选/选择选项所选Javascript的文本框
- 单选按钮的验证(启用)&使用Jquery Optimization从复选框中选择submit按钮
- 根据输入框上的写入动态启用/禁用选择选项
- 如何强制用户从下拉列表和按钮中选择一个值以启用保存按钮
- 内联JavaScript启用/禁用点击单选按钮上的选择和文本框
- 禁用基于下拉列表选择 asp.net JavaScript 启用文本框
- 需要在选择单选按钮上启用提交按钮
- 重新启用文本选择(Opera、webkit等)
- 如何启用由日期选择器 ui 附加的输入?(JQuery 插件)
- 选择2个选择标签后启用按钮
- Javascript(jQuery)/HTML:设置<输入>或者<选择>启用,不工作
- 如何启用禁用的选择选项
- 如何使用tinymce在选择更改时启用/禁用自定义按钮
- 根据选择选项启用/禁用其他输入
- 如何根据单选按钮的选择启用/禁用表单上的多个提交按钮
- 使用ClientSelectColumn选择启用的行
- HTML选择启用禁用属性
- 基于单选按钮选择启用文本字段