📜  EasyUI jQuery 单选按钮小部件

📅  最后修改于: 2021-11-24 05:01:46             🧑  作者: Mango

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