javascript - 使用复选框切换文本字段的显示

Question

选中“无限制”后，删除输入框。这样可行。但是，当取消选中该复选框时，输入框将不会重新显示。

<script type="text/javascript">
    function getQuantity() {
        var checkbox = document.getElementById("unlimited");
        var qty = document.getElementById("quantityspace");
        if(checkbox.checked == true){
             qty.style.display = 'none';
        }else if(checkbox.checked == false) {
             qty.stlye.display = '<input type="text" id="quantity" size="4" value="1" name="quantity" />';
        }
    }
</script>

<input type="checkbox" id="unlimited" name="unlimited" value="x" onClick="getQuantity(); " /> Unlimited? <span id="quantityspace">or specify:
<input type="text" id="quantity" size="4" value="1" name="quantity" /></span>

Answer 1

qty.stlye.display = '<input type="text" id="quantity" 
size="4" value="1" name="quantity" />';

应该是:

qty.style.display = 'inline'; // or block

display 是现有输入标记的属性。您不需要将整个标记分配给属性来使其再次显示 - 事实上这是完全错误的。只需为该属性分配一个新的有效显示值，例如inline、inline-block或block，它就会再次出现。