Question

如果两个输入值相等，我尝试使用JavaScript禁用表。

我的代码：

<script type="text/javascript" charset="utf-8">
    function checkEnableTable() {
        var totalacceptedload = document.getElementById('totalacceptedload'),
        var maximumload = document.getElementById('maximumload'),
        tablecoursedistribution = document.getElementById('tablecoursedistribution');
        tablecoursedistribution.disabled = (totalacceptedload.value = maximumload.value);
    }
    window.onload = checkEnableTable;
</script>

我做错了什么？

我的Html

    <input id="totalacceptedload" class ="alert alert-success" value ="<?php if (!isset($count_course_choice)):?><?php else: echo $count_course_choice['contact_hours'];?><?php endif ?>"/>

<input id="maximumload" class ="alert alert-danger" value ="<?php if (!isset($eee_setting)): ?><?php else:echo $eee_setting['maximum_course_choice'];?><?php endif ?>"/>
<table id="tablecoursedistribution" >

</table>

Answer 1

此语句首先检查两个值是否相等然后将true赋值给tablecoursedistribution.disabled，否则为false to tablecoursedistribution.disabled

tablecoursedistribution.disabled = (totalacceptedload.value == maximumload.value) ? "true" : "false" ;

Answer 2

你可以这样做：

function checkEnableTable() {
    tablecoursedistribution.style.visibility = (totalacceptedload.value == maximumload.value) ? "hidden" : "visible"
}

var totalacceptedload = document.getElementById('totalacceptedload'),
    maximumload = document.getElementById('maximumload'),
    tablecoursedistribution = document.getElementById('tablecoursedistribution');

window.onload = checkEnableTable;

这是fiddle。

我这样做，如果你在框中输入两个相等的值，然后点击按钮，表格被隐藏，否则显示。

HTH

如果两个值相等，如何禁用表？

2 个答案: