javascript - jquery enable select only if certain options are selected

Question

Ask a Question

Welcome To Ask or Share your Answers For Others

javascript - jquery enable select only if certain options are selected

asked Jan 31, 2022 in Technique[技术] by 深蓝 (71.8m points)

i have this form that starts with 1 select DISABLED and 4 options i need a jquery that does this:

if OPTION #1 (on click) check if other options are selected and RESET (erase values and uncheck boxes)

if OPTION #2 (on click) ACTIVATE select menu and check if other options are selected and RESET (erase values and uncheck boxes)

if OPTION #3 (on click) check if other options are selected and RESET (erase values and uncheck boxes)

if OPTION #4 (on keyup) ACTIVATE select menu RESET and DISABLE other options

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

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

205 views

1 Answer

深蓝 · Answer 1 · 2022-01-31T07:23:26+0000

Updated fiddle: http://jsfiddle.net/zZSJb/3/

Something like this: 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);
});

You may need to fine tune it to your exact needs (which I couldn't completely figure out!).

Categories

javascript - jquery enable select only if certain options are selected

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags