Select All and deselect all check boxes for axure 7.0 implementation

Use the axure prototype tool to design the product, use the check box to achieve the effect of full selection and cancellation, or use the button or text as a switch to control the effect, the following describes how to use check boxes to enable full selection and cancellation.

1/1 first, enter the text of the check box effect and create a name for each check box to facilitate later identification. For example, select your favorite city to live in, create a select all check box to select all or cancel the Select All Effect

650) This. width = 650; "src =" http://s3.51cto.com/wyfs02/M01/4C/2C/wKiom1Q3ysfz3QS8AACHho2paq8478.jpg "Title =" 1.png" alt = "wkiom1q3ysfz3qs8aachho2paq8478.jpg"/>

1/2 Selecting All Settings

1/2/1 select the all check box, double-click (when the selected status changes), open the new use case dialog box

650) This. width = 650; "src =" http://s3.51cto.com/wyfs02/M02/4C/2C/wKiom1Q3yvKytIDiAACdBes7nmk100.jpg "Title =" 2.png" alt = "wkiom1q3yvkytidiaacdbes7nmk100.jpg"/>

1/2/2 set the case name and set the condition to true

650) This. width = 650; "src =" http://s3.51cto.com/wyfs02/M00/4C/2D/wKioL1Q3y0yiLW__AAIDSxtcb1Q319.jpg "Title =" 3.png" alt = "wkiol1q3y0yilw1_aaidsxtcb1q319.jpg"/>

1/2/3 select (selected), select the check box to be selected, the value is true

650) This. width = 650; "src =" http://s3.51cto.com/wyfs02/M01/4C/2C/wKiom1Q3yzaACqEqAAHlfjbtbKA553.jpg "Title =" 4.png" alt = "wkiom1q3yzaacqeqaahlfjbtbka553.jpg"/>

1/3 all settings are canceled

Copy the use case and change the name to false.

650) This. width = 650; "src =" http://s3.51cto.com/wyfs02/M02/4C/2C/wKiom1Q3y1mCAc6YAACOSEQr5jY811.jpg "Title =" 6.png" alt = "wkiom1q3y1mcac6yaacoseqr5jy811.jpg"/>

1/3/2 change the condition judgment statement to false

650) This. width = 650; "src =" http://s3.51cto.com/wyfs02/M00/4C/2D/wKioL1Q3y6ejK3PKAAEX5Civv_U984.jpg "Title =" 7.png" alt = "wkiol1q3y6ejk3pkaaex5civv_u984.jpg"/>

1/3/3 and change the selected value to false.

650) This. width = 650; "src =" http://s3.51cto.com/wyfs02/M00/4C/2C/wKiom1Q3y4ayCmoFAAFZlZgq2eE328.jpg "Title =" 8.png" alt = "wkiom1q3y4aycmofaafzlzgq2ee328.jpg"/>

1/4 after setting, you can see the effect in the preview.

650) This. width = 650; "src =" http://s3.51cto.com/wyfs02/M01/4C/2D/wKioL1Q3y9qR10hlAACaMNCxlhE621.jpg "Title =" 9.png" alt = "wkiol1q3y9qr10hlaacamncxlhe621.jpg"/>

This article from the "Flying birds wings" blog, please be sure to keep this http://haolulu.blog.51cto.com/3164472/1562329

Select All and deselect all check boxes for axure 7.0 implementation