Question

我有这个表单，从1开始选择DISABLED和4个选项我需要一个jquery来做到这一点：

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

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

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

如果OPTION＃4 （在键盘上） ACTIVATE选择菜单RESET并禁用其他选项

<!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>

Answer 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);
});

您可能需要根据您的确切需求进行微调（我无法完全理解！）。

jquery enable仅在选择了某些选项时才选择

1 个答案: