我有以下代码可在Firefox,Edge和Chrome中使用。
<script>
function hst_collected() {
var value = $( 'input[name=interpret_hst_collected]:checked' ).val();
if (value == 1) {
$('#recording2').hide();
$('#recording3').hide();
}
if (value ==2) {
$('#recording2').show();
$('#recording3').hide();
}
if (value ==3) {
$('#recording2').show();
$('#recording3').show();
}
}
$( document ).ready(function() {
hst_collected();
});
$('input[name=interpret_hst_collected]').change(function(){
hst_collected();
});
</script>
任何想法和建议都将受到赞赏。
答案 0 :(得分:0)
请参考以下代码并修改您的代码(假设您正在使用单选按钮):
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script>
function hst_collected() {
var value = $('input[name="interpret_hst_collected"]:checked').val();
if (value == 1) {
$('#recording2').hide();
$('#recording3').hide();
}
if (value == 2) {
$('#recording2').show();
$('#recording3').hide();
}
if (value == 3) {
$('#recording2').show();
$('#recording3').show();
}
}
$(document).ready(function () {
hst_collected();
$('input[name="interpret_hst_collected"]').change(function () {
hst_collected();
});
});
</script>
<div>
<input type="radio" name="interpret_hst_collected" value="1" />Level I
<input type="radio" name="interpret_hst_collected" value="2"/>Level II
<input type="radio" name="interpret_hst_collected" value="3"/>Level III
<div id="recording2" style="width:50px; height:50px; background-color:antiquewhite">
a
</div>
<div id="recording3" style="width:50px; height:50px; background-color:aqua">
b
</div>
</div>
这样的结果(使用Chrome版本75.0.3770.100和Microsoft Edge 44.18362.1.0):
答案 1 :(得分:0)