Показать/скрыть идентификатор пробела при выборе выбора

Question

Я хочу показать флажок, когда я выбираю ms из значения опции выбора, флажок установлен в значении span boxcheck. Если другой, то показать радиокнопку с поверочного ид radiocheck

Это то, что я пытаюсь, который не работает:

$('#Typeselect').change(function() { 
 
    var value = this.value; 
 

 
    if (selectedValue === 'ms') { 
 
    $('#radiocheck').show(); 
 
    $('#boxcheck').hide(); 
 
    } else { 
 
    $('#radiocheck').hide(); 
 
    $('#boxcheck').show(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-md-4 operations"> 
 
    <span style="display:none" id="boxcheck"> 
 
    <input type="checkbox" name="correct['+val+questions+'][]"> Correct 
 
    </span> 
 
    <span id="radiocheck" style="display:none"> 
 
    <input type="radio" name="correct['+val+questions+'][]"> Correct 
 
    </span> 
 
</div> 
 
<select class="form-control" id="Typeselect" name="question_type[]" Required> 
 
    <option value="txt">Text</option> 
 
    <option value="ms">Color text</option> 
 
    <option value="mm">Rainbow</option> 
 
</select>

Answer 1

Working Demo

Как уже упоминалось в комментариях выше, предназначено для изменения имени переменной от значение до selectedValue.

Попробуйте решение ниже:

$('#Typeselect').change(function() { 
 
    var selectedValue = this.value; 
 

 
    if (selectedValue === 'ms') { 
 
    $('#radiocheck').show(); 
 
    $('#boxcheck').hide(); 
 
    } else { 
 
    $('#radiocheck').hide(); 
 
    $('#boxcheck').show(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-md-4 operations"> 
 
    <span style="display:none" id="boxcheck"> 
 
    <input type="checkbox" name="correct['+val+questions+'][]"> Correct 
 
    </span> 
 
    <span id="radiocheck" style="display:none"> 
 
    <input type="radio" name="correct['+val+questions+'][]"> Correct 
 
    </span> 
 
</div> 
 
<select class="form-control" id="Typeselect" name="question_type[]" Required> 
 
    <option value="txt">Text</option> 
 
    <option value="ms">Color text</option> 
 
    <option value="mm">Rainbow</option> 
 
</select>

Answer 2

Try ниже код:

$('#Typeselect').change(function() { 

    //you had a typo here... 
    var selectedValue = this.value; 

    if (selectedValue === 'ms') { 
    $('#radiocheck').show(); 
    $('#boxcheck').hide(); 
    } else { 
    $('#radiocheck').hide(); 
    $('#boxcheck').show(); 
    } 
}); 

Answer 3

Он сейчас работает

$('#Typeselect').change(function() { 
 
    var value = this.value; 
 

 
    if (value === 'ms') { 
 
    $('#radiocheck').show(); 
 
    $('#boxcheck').hide(); 
 
    } else { 
 
    $('#radiocheck').hide(); 
 
    $('#boxcheck').show(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-md-4 operations"> 
 
    <span style="display:none" id="boxcheck"> 
 
    <input type="checkbox" name="correct['+val+questions+'][]"> Correct 
 
    </span> 
 
    <span id="radiocheck" style="display:none"> 
 
    <input type="radio" name="correct['+val+questions+'][]"> Correct 
 
    </span> 
 
</div> 
 
<select class="form-control" id="Typeselect" name="question_type[]" Required> 
 
    <option value="txt">Text</option> 
 
    <option value="ms">Color text</option> 
 
    <option value="mm">Rainbow</option> 
 
</select>

Answer 4

использования необходимо использовать value, если условие

$('#Typeselect').change(function() { 
 
    var value = this.value; 
 

 
    if (value === 'ms') { 
 
    $('#radiocheck').show(); 
 
    $('#boxcheck').hide(); 
 
    } else { 
 
    $('#radiocheck').hide(); 
 
    $('#boxcheck').show(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-md-4 operations"> 
 
    <span style="display:none" id="boxcheck"> 
 
    <input type="checkbox" name="correct['+val+questions+'][]"> Correct 
 
    </span> 
 
    <span id="radiocheck" style="display:none"> 
 
    <input type="radio" name="correct['+val+questions+'][]"> Correct 
 
    </span> 
 
</div> 
 
<select class="form-control" id="Typeselect" name="question_type[]" Required> 
 
    <option value="txt">Text</option> 
 
    <option value="ms">Color text</option> 
 
    <option value="mm">Rainbow</option> 
 
</select>