EasyUI jQuery 复选框小部件

在本文中，我们将学习如何使用 jQuery EasyUI 设计复选框。复选框小部件用于选择多个选项。每个选项都可以通过单击框启用。 EasyUI 是一个 HTML5 框架，用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能，为开发人员节省大量时间。

EasyUI for jQuery 下载：

https://www.jeasyui.com/download/index.php

句法：

特性：

• width：用于设置复选框的宽度。
• height：用于设置复选框的高度。
• value：用于设置复选框的默认值。
• 选中：用于复选框被选中。
• disabled：用于禁用复选框。
• label：复选框的标签边界。
• labelWidth：用于设置标签宽度。
• labelPosition：用于设置标签位置。
• labelAlign：用于设置标签对齐方式。

事件：

• onchange：当检查值更改时它是f IRES。

方法：

• options ：它返回选项对象。
• setValue ：它设置复选框的值。
• disable ：它禁用复选框组件。
• enable ：它启用复选框组件。
• check ：它检查复选框。
• uncheck ：它取消选中复选框。
• clear ：它清除值。
• reset ：它重置值。

CDN 链接：首先，添加项目所需的 jQuery Easy UI 脚本。

 

 

 

例子：

HTML

 
    
     
  
     
  
     
  
    
     
     
  
    
     
     
      
    
     
    
 

    GeeksforGeeks
    EasyUI jQuery checkbox widget
    
 
    
        
    
    
        
    
    
        
    

输出：

参考： https : //www.jeasyui.com/documentation/checkbox。 PHP