我在onchange事件中修改代码时遇到了麻烦。
一些代码有效,有些代码不能正常工作。
<script>
$(document).on('change', '.sellkop', function() { // this is radio button
if ($("#rs").is(':checked')) {
$("#text_container").after(price_option());
};
if ($("#rk").is(':checked')) {
$("#price_container").remove();
$("#licensenumber_c").css({"display": 'none'
});
};
});
$('#category_group').on('change', function() { // this is select options
if ($(this).val() == 101) {
$("#underKategory").css({"display": 'none'});
$("#modelcontainer").remove();
$(".toolimage").css({ "display": 'block'});
$('.sellkop').on('change', function() { // this is radio button
if ($("#rs").is(':checked')) {
$("#licensenumber_c").css({"display": 'block'});
$(".toolimage").css({"display": 'block' });
} else {
$(".toolimage").css({"display": 'none'});
}
});
} else {
$(".bilar").remove();
$(".toolimage").css({ "display": 'none'});
}
if ($(this).val() == 102) {
$(".houses_container").remove();
$(".toolimage").css({"display": 'none'});
$("#underKategory").css({"display": 'inline-block'});
$("#modelcontainer").remove();
}
///............many other values continue
});
</script>
我知道有更好的方法来管理这些代码并简化它但我不知道怎么做?
编辑:
我想要的是:如果我选择一个选项,然后获取该选项的值,然后在此类别选项下有单选按钮,所以每个检查按钮我需要显示一些数据或删除
这是一个fiddle看起来我的问题。
会发生什么: 如果我选择类别 - &gt;检查购买 - &gt;然后选择其他。我没有得到相同的结果,就像我直接选择汽车---&gt;买
答案 0 :(得分:-1)
尝试以下脚本:
function saljkop(){
var x =&#34; \
卖\
购买\
&#34 ;;
返回x;
}
function price_option(){
var x =&#39; \
\
\
修复\
\
报价
\
&#39 ;;
返回x;
}
function cars(){
var x =&#39; \
&#39 ;;
返回x
}
$("#categories").after(saljkop());
$(document).on('change', '.sellkop', function() { // this is radio button
if ($("#rs").is(':checked')) {
$("#price_container").remove();
$("#text_container").after(price_option());
};
if ($("#rk").is(':checked')) {
$("#price_container").remove();
$("#licensenumber_c").css({"display": 'none'
});
};
});
$('#category_group').on('change', function() { // this is select options
if ($(this).val() == 101) {
$("#sellbuy").after(cars()) ;
$("#price_container").remove();
$("#text_container").after(price_option());
$("#underKategory").css({"display": 'none'});
$(".toolimage").css({ "display": 'block'});
} else {
$(".cars").remove();
$(".toolimage").css({ "display": 'none'});
}
if ($(this).val() == 102) {
$("#price_container").remove();
$("#text_container").after(price_option());
$(".toolimage").css({"display": 'none'});
$("#underKategory").css({"display": 'inline-block'});
}
///............many other values continue
});