按钮上的显示按钮单击

时间:2016-08-15 07:25:53

标签: javascript jquery button

我正在尝试显示当按钮单击时,然后将显示另一个按钮我试试这个但不能正常工作

<div class="rightdiv">
    <div id="BTNONE">
        <asp:Button ID="Button2" runat="server" Text="New Tab" OnClick="Button2_Click" style="display: none;" />
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" /><br />
    </div>    
</div>

<script type="text/javascript">
    $(function () {
        $("#Button1").on('click', function () {
            $("#BTNONE").show();
        });
    });
</script>

4 个答案:

答案 0 :(得分:1)

#BTNONE div没有被隐藏 - 它是第一个<button />,所以,你的 选择器不正确。

另请注意,在ASP.Net控件上使用runat="server"属性意味着在客户端上呈现控件时,您不一定要依赖ID属性。

考虑到这一点,试试这个:

$("#BTNONE button:eq(1)").on('click', function () {
    $("#BTNONE button:eq(0)").show();
});

答案 1 :(得分:1)

您的隐藏按钮ID为button2

<script type="text/javascript">
    $(function () {
        $("#Button1").on('click', function () {
            $("#Button2").show();
        });
    });
</script>

答案 2 :(得分:1)

我认为您的代码是有效的。但我尝试使用HTML。

$(function () {
        $("#Button1").on('click', function () {
            $("#Button2").show();
        });
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="rightdiv">
        <div id="BTNONE">
            <button type="button" ID="Button2" value="New Tab" style="display: none;" />
              Button 2
            </button>
            <button ID="Button1" value="Button" />Button 1</button>
        </div>    
    </div>

答案 3 :(得分:0)

$SB1 = {Write-Output "Hello from 1"}
$SB2 = {Write-Output "Hello from 2"}
$SB3 = {Write-Output "Hello from 3"}
$SB4 = {Write-Output "Hello from 4"}

$SBs = @($SB1, $SB2, $SB3, $SB4)

Get-RSJob | Remove-RSJob

$SBs |Start-RSJob -ScriptBlock {
    $PSBoundParameters.GetEnumerator() | ForEach {
        $SB_run = [ScriptBlock]::Create($_.Value)
        $SB_run.Invoke()
    }
}

Get-RSJob | Wait-RSJob | Receive-RSJob
$(function () {
        $("#Button1").on('click', function () {
            $("#Button2").show();
        });
    });