Question

我的问题是：

如何在用户共享Facebook页面之前禁用JavaScript中的提交按钮。

我正在使用无线电广告显示/隐藏Facebook分享按钮。

---------用于显示/隐藏div的JavaScript ----------------

<script type="text/javascript">
    $(document).ready(function(){
        $('input[type="radio"]').click(function(){
            if($(this).attr("value")=="low"){
                $(".box").hide();
                $(".low").show();
            }
            if($(this).attr("value")=="high"){
                $(".box").hide();
                $(".high").show();
            }

        });
    });
</script>

--------- CSS ----------------

.box{
        padding: 5px;
        display: none;
        margin-top: 20px;
        border: 1px solid #000;
        width:80%;
    }

------------ --------------- HTML

<label><input type="radio" name="priority" value="low" id="priority_0" />Low</label>
<label><input type="radio" name="priority" value="high" id="priority_0" />High</label>
<input type="submit" name="button" id="adbtn" value="" />

<div class="low"></div>
<div class="high box">Here is facebook page link to be share </div>

我希望当用户点击高单选按钮时，应禁用提交按钮。然后用户在共享页面后在Facebook上共享页面，提交按钮被启用。

提前致谢。

Answer 1

<script type="text/javascript">
    $(document).ready(function(){
        $('input[type="radio"]').on('change', function(){
            if($(this).val()=="low"){
                $(".box").hide();
                $(".low").show();
                $('input[type="submit"]').removeAttr('disabled');
            }
           else if($(this).val()=="high"){
                $(".box").hide();
                $(".high").show();
                $('input[type="submit"]').attr('disabled','disabled');
            }

        });
    });
</script>

使用＆＃39;更改＆＃39; 而不是＆＃39;点击＆＃39; 事件。

禁用JavaScript中的提交按钮，直到用户共享Facebook页面。

1 个答案: