使用jQuery隐藏/显示文本框

时间:2012-12-14 07:48:26

标签: php javascript jquery

我第一次使用jquery,所以请在这里帮助我。我搜索了很多,但没有找到我的问题的答案。我想要它,以便如果分数值不为空,则文本框可见,并且当分数值为空时隐藏它。分数值将插入输入字段中。提前致谢。 这是我目前的代码:

<script type="text/javascript">
            $(function() {
                $('#click').raty({
                    click: function(score) {
                        //alert(score);
                        }
                    });
                });
</script>



    <div class="inputs">
    <div id="click"></div>
<input type="text" name="type" id="type" style="display:none;" value="" />
    </div>

4 个答案:

答案 0 :(得分:1)

假设您的score value是一个数字,那么:

if(score === null || isNaN(score))
{
    $("#type").css('display', 'none');
}
else if(score !== null && !isNaN(score))
{
    $("#type").css('display', 'block');
}

答案 1 :(得分:1)

    <script type="text/javascript">
    $(document)bind('ready',function(){

    $('#click').bind('click',function(){
    var val = $('#type').val();
    if(val===null){
    //do something
    }
    else{
    //do something
    }

    })


});


</script>

答案 2 :(得分:0)

尝试使用,

$(document).ready(function() {
    $('#click').raty({
        click: function(score, evt) {
            if(score === null){
                $('#type').hide();
            }else{
                $('#type').val(score);
                $('#type').show();
            }
        }
    });
});

答案 3 :(得分:0)

<script type="text/javascript">
        $(function() {
            $('#click').raty({
                click: function(score) 
                {
                    if(score = null)
                    {
                       $('#textbox1').css({ display: "none" });
                       }
                    }
                });
            });
</script>