输入字段稍后无法动态显示

Question

我有一个带有文本输入的表单，并且用于选择是/否的单选按钮对。为了保持此简单，单击"单击"事件会检查值，如果是，则显示输入文本字段。如果没有，它会隐藏输入字段。我还会检查文档上的初始状态并显示/隐藏输入文本字段。

我发现，使用jQuery .Hide（）方法单击输入隐藏中没有结果。但是，当我选择"是"时，结果.show（）方法调用不会显示输入。如果我将收音机设置为"是"，然后刷新页面，则输入显示正好。

firebug显示没有输入标签。这就像单击无收音机从DOM中删除了输入。

这是JS代码样本：

    $(document).ready(function() {
        if ($('#cost_sharing_yes').attr('checked') == 'checked') {
            $('input#Institutional_CS_TP').show();
        } else {
            $('input#Institutional_CS_TP').hide();
        }
        $('#cost_sharing_yes').click(function() {
            $('input[id="Institutional_CS_TP"]').show();
        });
        $('#cost_sharing_no').click(function() {
            $('input#Institutional_CS_TP').fadeOut("fast");
        });
    }        

Answer 1

您缺少)以关闭准备就绪功能：

$(document).ready(function() {
} // <--  

要使输入的 checked属性永久使用，您应该使用 prop方法而不是 attr。

$(document).ready(function() {
   var isChecked = $('#cost_sharing_yes').prop('checked');
   $('#Institutional_CS_TP').toggle(isChecked);
   // ..
})

Answer 2

我弄清楚了我的问题。这是一个自我解释的编码问题。为了保持示例简单，我在混音中删除了另一个功能调用，我认为与该问题没有任何关系。我错了。在该功能中，我有

    $('td#Institutional_CS_TP).text('$0');
    $('input[name="Institutional_CS_TP"]').val('0.00');

这仅导致显示的TD值，而不是同一TD中的输入。我的TD和TD内的输入标签都具有相同的ID值...不是一个好主意。

Answer 3

html代码

<div id="myRadioGroup">
    Value Based<input type="radio" name="cars"  value="2"  />
    Percent Based<input type="radio" name="cars" value="3" />
    <br>
    <div id="Cars2" class="desc" style="display: none;">
        <br>
        <label for="txtPassportNumber">Commission Value</label>
       <input type="text" id="txtPassportNumber" class="form-control" name="commision_value" />
    </div>
    <div id="Cars3" class="desc" style="display: none;">
        <br>
        <label for="txtPassportNumber">Commission Percent</label>
       <input type="text" id="txtPassportNumber" class="form-control" name="commision_percent" />
    </div>
</div>

jQuery代码

function myFunction() {
    var x = document.getElementById("myInput");
    if (x.type === "password") {
        x.type = "text";
    } else {
        x.type = "password";
    }
}
function myFunction1() {
    var y = document.getElementById("myInput1");
    if (y.type === "password") {
        y.type = "text";
    } else {
        y.type = "password";
    }
}