-1

我有这个以 1 选择禁用和 4 个选项开头的表单我需要一个执行此操作的 jquery：

如果 OPTION #1 （单击时）检查是否选择了其他选项并重置（删除值并取消选中框）

如果选项#2 （点击时）激活选择菜单并检查是否选择了其他选项并重置（擦除值并取消选中框）

如果 OPTION #3 （单击时）检查是否选择了其他选项并重置（删除值并取消选中框）

如果 OPTION #4 (on keyup) ACTIVATE 选择菜单 RESET 和 DISABLE 其他选项

<!DOCTYPE html>
<html>
<script type="text/javascript">
    $(document).ready(function()
        {   

        }); 
</script>               
<body>
<select name="menus" id="menus" style="width:500px; height:200px" size="3"  disabled="disabled">
<option value="">Test#1</option>
<option value="">Test#2</option>
</select>
<div>
Option #1 <input name="op1" type="checkbox" value="">
</div>
<div>
Option #2 <input name="op2" type="checkbox" value="">
</div>
<div>
Option #3 <input name="op3" type="checkbox" value="">
</div>
<div>
Option #4 <input name="" type="text">
</div>
</body>
</html>
4

1 回答 1

1

更新小提琴：http: //jsfiddle.net/zZSJb/3/

像这样的东西：http: //jsfiddle.net/zZSJb/

$('#op1, #op3').click(function() {
    $('input[type="checkbox"]').removeAttr('checked');
    $(this).attr('checked', true);
});

$('#op2').click(function() {
    $('#menus').removeAttr('disabled');
    $('input[type="checkbox"]').removeAttr('checked');    
    $(this).attr('checked', true);
});

$('#txt').keyup(function() {
    $('#menus').removeAttr('disabled');
    $('input[type="checkbox"]').removeAttr('checked').attr('disabled', true);
});

您可能需要根据您的确切需求对其进行微调（我无法完全弄清楚！）。

于 2012-09-21T17:16:48.060 回答