EasyUI jQuery 单选按钮小部件

EasyUI 是一个 HTML5 框架，用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能，为开发人员节省大量时间。

在本文中，我们将学习如何使用 jQuery EasyUI 设计 Radiobutton。 Radiobutton 小部件用于制作可用于选择所需选项的单选按钮。一组中只能选择一个选项。

EasyUI for jQuery 下载：

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

句法：

特性：

• width：要制作的Radiobutton组件的宽度。
• height：要制作的Radiobutton组件的高度。
• value：它是绑定到要制作的 Radiobutton 的默认值。
• 已检查：它定义是否选中单选按钮。
• 禁用：它定义是否禁用要制作的单选按钮。
• label：绑定到要制作的 Radiobutton 的标签。
• labelWidth：标签宽度。
• labelPosition：标签位置。可能的值为“之前”、“之后”和“顶部”。
• labelAlign：标签对齐方式。可能的值为“左”和“右”。

事件：

• onChange：当值改变时触发。

方法：

• 选项：它返回选项对象。
• setValue：它设置单选按钮的值。
• disable：它禁用组件。
• enable：启用组件。
• check：检查组件。
• 取消选中：它取消选中组件。
• clear：清除“已检查”值。
• 重置：它重置“检查”值。

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

例子：

HTML

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  


  GeeksforGeeks
  EasyUI jQuery radiobutton widget
  
  
    
      
    
    
      
    
    
      
    
  

输出：

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