-1

私は1つのselect DISABLEDと4つのオプションで始まるこのフォームを持っています。これを行うjqueryが必要です:

オプション#1 (クリック時)の場合、他のオプションが選択されているかどうかを確認し、リセット(値を消去してチェックボックスをオフにします)

オプション #2 (クリック時) ACTIVATE メニューを選択し、他のオプションが選択されているかどうかを確認し、リセット (値を消去してチェックボックスをオフにする)

OPTION #3 (クリック時)の場合、他のオプションが選択されているかどうかを確認し、リセット (値を消去してチェックボックスをオフにする)

OPTION #4 の場合(キーアップ時) 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 に答える