Question

我有两个名为“是”和“否”的div

<div id="object">
    <div class="object-content">
        I'd say
        <div class="confirm" id="btnYes" runat ="server" >Yes</div>
    </div>
    <div class="object-content" style="float: right">
        I'd say
        <div class="confirm" style="color: red"  id="btnNo" runat="server">No</div>
    </div>
</div>

一个名为“发布”的评论按钮

<asp:Button ID="btnPostUrComment" OnClick="btnPostUrComment_Click" runat="server" Text="Post Your Comment" Height="33px" class="ppig" />

当我直接点击“发布”按钮时，我想“请点击是或否”，那么只有用户可以发表评论。因此，用户在发布评论后首先点击是或否div。请有人帮助我。

我正在尝试一些脚本。请指导我。

<script>
    $(document).ready(function ($) {
        var IsPost= false;

        $('.ppig').click(function () {
            IsPost= true;
        });
    });
</script>

Answer 1

您可以尝试的是保持变量值

对“是”和“否”按钮进行课堂检查

然后在jquery代码中你要做的是对变量进行增量并检查

这是代码

的示例

$(function(){
var checkval = 0;
   $('.check').click(function(){
   checkval++;
})
$('.post').click(function(){
    if(checkval>0){
    alert('you can post now !');
    }else{
      alert('you can't post now , check yes or no first !');
    }
})

}）;

Solution is here

Answer 2

我会给你简短的回答。

如果用户点击了Disable或"Yes"按钮，然后"No"发布按钮，则会发出enable个帖子按钮。

js代码

$(document).ready(){
      $('#btnPostUrComment').addAttr('disable',true);
      $('#btnYes','#btnNo').on('click',function(){
        $('#btnPostUrComment').removeAttr('disable');
       });
}

注意：这是使用Jquery。我不知道asp

Answer 3

我在这里找到了一些东西。

我假设您使用的是asp.net

在您div中添加onclick属性，以便在用户点击它时，canPost值会变为true。（参见下面的代码作为参考）

并在asp按钮上添加OnClientClick以访问javascript并添加javascript:return verify();以便在javascript中调用验证函数，如果它返回true OnClick 1}}事件将执行，如果为false则不会发生任何事情

所以这是我的代码：

<div id="object">
    <div class="object-content">
    I'd say
    <div class="confirm" id="btnYes" runat ="server" onclick="yesPost();">Yes</div>
    </div>
    <div class="object-content">
    I'd say
    <div class="confirm" style="color: red"  id="btnNo" runat="server" onclick="yesPost();">No</div>
    </div>
</div>
<form runat="server">
 <asp:Button ID="myButton" runat="server" CssClass="btn btn-info" Text="Post your comment" OnClick="myButton_Click" OnClientClick="javascrip:return verify();" />
</form>

<script type="text/javascript">
        var canPost = false;

        function yesPost() {
            canPost = true;
        }

        function verify() {
            if (canPost == false)
            {
                alert('Please click yes or no first');
            }

            return canPost;            
        }
    </script>

我希望它会对你有所帮助。只需在你的项目中尝试..

Answer 4

尝试演示在这里，请注意css，避免使用任何

的 Demo Fiddle

$(document).ready(function () { var IsPost = false; var clickedElement = ""; $('.confirm').click(function () { IsPost = true; clickedElement = $(this).text(); }); $("#btnsubmit").click(function () { if (!IsPost) { alert("Please select Yes or NO by clicking on them") } else { alert("submit with " + clickedElement); return false; } }); });

alert单击窗口最小一个div？

4 个答案:

的 Demo Fiddle