2

我对javascript还是很陌生，我没有找到我犯错误的地方。我正在使用的基本设置是一组单选按钮和一组复选框。根据选择的单选按钮，只有一组特定的复选框应该可用，其余的应该被禁用/变灰。给定单选按钮允许哪些复选框通过 php 数组传入。在我的代码中，独占选项指的是单选按钮，而扩展选项指的是复选框。我用于此功能的 javascript 和 php 如下：

window.onload = function(){
    <?php
    for($i = 0; $i < count($students_information); $i++){
        foreach($exclusive_extended_array as $exclusive => $extended){
            echo "$('".$i."_exclusive_".$exclusive."').onclick = allow(".$i.",".json_encode($extended).");";
        }
    }
    ?>
}
function allow(i, extended){
    $('[id^="'+i+'Extended"]').disabled = true;
    for (var j = 0; j < extended.length; j++) {
        alert(extended[j]);
        $(i+"Extended"+extended[j]).disabled = false;
    }
}

在加载的页面上，它显示为：

<script type="text/javascript">
window.onload = function(){
    $('0_exclusive_2176').onclick = allow(0,[1975]);
    $('0_exclusive_911').onclick = allow(0,[]);
    $('0_exclusive_795').onclick = allow(0,[1973,1975]);
}
function allow(i, extended){
    $('[id^="'+i+'Extended"]').disabled = true;
    for (var j = 0; j < extended.length; j++) {
        alert(extended[j]);
        $(i+"Extended"+extended[j]).disabled = false;
    }
}
</script>

不幸的是，代码最终会在页面加载时运行脚本，而不是在选中单选按钮之一时运行脚本。我不认为这是元素名称的问题（尽管我确实意识到命名风格并不一致，但是，我无法完全控制它）。我假设只是我在代码中犯了一个简单的错误，我仍然没有足够的 javascript 经验来捕捉它。有人看到我做错了什么吗？

感谢您的时间！

4

1 回答 1

6

您正在分配您的点击处理程序，如下所示：

$('0_exclusive_2176').onclick = allow(0,[1975]);

发生的事情是：allow被运行并且它的返回值（undefined）被设置为事件。您需要设置onclick一个功能：

$('0_exclusive_2176').onclick = function(){
    allow(0,[1975]);
};

您还可以allow返回一个函数：

function allow(i, extended){
    return function(){
        $('[id^="'+i+'Extended"]').disabled = true;
        for (var j = 0; j < extended.length; j++) {
            alert(extended[j]);
            $(i+"Extended"+extended[j]).disabled = false;
        }
    };
}

现在$('0_exclusive_2176').onclick = allow(0,[1975]);应该按预期工作。

于 2012-05-04T15:54:08.740 回答