Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angularjs中单击按钮时显示复选框列表？_Javascript_Jquery_Html_Angularjs - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在angularjs中单击按钮时显示复选框列表？

Javascript 如何在angularjs中单击按钮时显示复选框列表？

javascript jquery html angularjs

Javascript 如何在angularjs中单击按钮时显示复选框列表？,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我指的是使用Jquery编写的小提琴 HTML中的代码是 <div id="right-column-sidebar"> <ol> <li><input type="checkbox"/>Check box 1</li> <li><input type="checkbox"/>Check box 2</li> <li><inpu

我指的是使用Jquery编写的小提琴

HTML中的代码是

<div id="right-column-sidebar">
    <ol>
        <li><input type="checkbox"/>Check box 1</li>
        <li><input type="checkbox"/>Check box 2</li>
        <li><input type="checkbox"/>Check box 3</li>
        <li><input type="checkbox"/>Check box 4</li>
        <li><input type="checkbox"/>Check box 5</li> 
    </ol>
</div>
<a class="button" href="#"><span>Show Check Box</span></a>
我想要angularjs中的功能，单击按钮时，按钮应切换并显示复选框列表。我应该在小提琴上做什么更改？

单击按钮，只需调整
显示复选框的值即可。其余的将由angularjs处理


<div ng-show="displayCheckBox">
    <ol>
        <li><input type="checkbox"/>Check box 1</li>
        <li><input type="checkbox"/>Check box 2</li>
        <li><input type="checkbox"/>Check box 3</li>
        <li><input type="checkbox"/>Check box 4</li>
        <li><input type="checkbox"/>Check box 5</li> 
    </ol>
</div>

<a class="button" href="#" ng-click="displayCheckBox=!displayCheckBox"><span>Show Check Box</span></a>





  • 复选框1
    • 

  • 复选框2
    • 

  • 复选框3
    • 

  • 复选框4
    • 

  • 复选框5
    • 

    



    点击按钮，只需调整
    显示复选框的值即可。其余的将由angularjs处理
    

    <div ng-show="displayCheckBox">
    <ol>
        <li><input type="checkbox"/>Check box 1</li>
        <li><input type="checkbox"/>Check box 2</li>
        <li><input type="checkbox"/>Check box 3</li>
        <li><input type="checkbox"/>Check box 4</li>
        <li><input type="checkbox"/>Check box 5</li> 
    </ol>
</div>

<a class="button" href="#" ng-click="displayCheckBox=!displayCheckBox"><span>Show Check Box</span></a>

    

    

  • 复选框1
    • 

  • 复选框2
    • 

  • 复选框3
    • 

  • 复选框4
    • 

  • 复选框5
    •