如何修复JavaScript中的这些跨平台兼容性问题?

如何修复JavaScript中的这些跨平台兼容性问题?,javascript,jquery,cross-platform,Javascript,Jquery,Cross Platform,我使用下面的JavaScript根据用户对当前问题的回答来更改页面上显示的div 我知道下面的代码是多余的,而且写得很糟糕,但我需要使用这个特定的代码,并使其与iPad兼容。我在iPad上使用的是浏览器“iCabMobile”,出于某种原因,预期的操作根本没有发生 $(document).ready(function(){ if($('#ctl00_ContentPlaceHolder1_RadioList_TextBox6_2_0').attr('checked')) {

我使用下面的JavaScript根据用户对当前问题的回答来更改页面上显示的div

我知道下面的代码是多余的,而且写得很糟糕,但我需要使用这个特定的代码,并使其与iPad兼容。我在iPad上使用的是浏览器“iCabMobile”,出于某种原因,预期的操作根本没有发生

$(document).ready(function(){
    if($('#ctl00_ContentPlaceHolder1_RadioList_TextBox6_2_0').attr('checked')) {
        $("#first").show();
        $('#second').css('display', 'none');
    }
    if($('#ctl00_ContentPlaceHolder1_RadioList_TextBox6_2_1').attr('checked')) {
        $("#second").show();
        $('#first').css('display', 'none');
    }
    $("#ctl00_ContentPlaceHolder1_RadioList_TextBox6_2_0, #ctl00_ContentPlaceHolder1_RadioList_TextBox6_2_1").change(function () {
        if ($("#ctl00_ContentPlaceHolder1_RadioList_TextBox6_2_0").attr("checked")) {
            $('#first').css('display', 'block');
            $('#second').css('display', 'none');
        }
        if ($("#ctl00_ContentPlaceHolder1_RadioList_TextBox6_2_1").attr("checked")) {
            $('#second').css('display', 'block');
            $('#first').css('display', 'none');
        }
    })
});

请修复缩进(格式化、粘贴、高亮显示、点击代码按钮)。。这看起来很烦人。@RUJordan——远远领先于你;)根据您的jquery版本,您可能必须使用
.prop('checked')
而不是
attr()
。顺便说一句,您应该使用
.hide()
而不是设置CSS属性display我完全同意您的看法,但是实际上我无法更改代码本身。只是需要提高兼容性。