如果检查无线电,则扩展当前脚本

时间:2018-01-03 12:37:21

标签: javascript jquery

我目前使用以下脚本,在选中单选按钮时显示一个块。我想通过向另一个ID添加一个类来扩展此代码。但由于某种原因,添加不起作用。不添加或删除该类。我错过了什么?

默认代码,完美无缺:

<script type="text/javascript">

function yesnoCheck() {
    if (document.getElementById('yesCheck').checked) {
        document.getElementById('ifYes').style.display = 'block';
    }
    else document.getElementById('ifYes').style.display = 'none';
}

</script>

新代码:

<script type="text/javascript">

function yesnoCheck() {
    if (document.getElementById('yesCheck').checked) {
        document.getElementById('ifYes').style.display = 'block';
        document.getElementById('billing:postcode_input:output').classList.add('business');
    }
    else document.getElementById('ifYes').style.display = 'none';
         document.getElementById('billing:postcode_input:output').classList.remove('business');
}

</script>

1 个答案:

答案 0 :(得分:0)

更改您的代码如下。

<script type="text/javascript">
function yesnoCheck() {
    if (document.getElementById('yesCheck').checked) {
        document.getElementById('ifYes').style.display = 'block';
        document.getElementById('YOURID').classList.add('business');
    }
    else {
        document.getElementById('ifYes').style.display = 'none';
        document.getElementById('YOURID').classList.remove('business');
    }
}
</script>