`
Sobfist
  • 浏览: 31739 次
  • 性别: Icon_minigender_1
  • 来自: 邯郸
社区版块
存档分类
最新评论

单击 label 触发 checkbox,checkbox 触发 click

阅读更多
如何让网页也像桌面程序一样,单击文字选择多选框、单选框、文本框……可用 label,且指定 for 属性值为元素 id,但每个都指定,一来麻烦,二来不便于维护。
<div>
  您使用过 ezj 吗?
  <input type="radio" name="r1" /><label>使用过</label>
  <input type="radio" name="r1" /><label>还没有</label>
</div>
<div>
  您使用过的其他 JavaScript 框架:
  <input type="checkbox" name="c1" /><label>Prototype</label>
  <input type="checkbox" name="c1" /><label>jQuery</label>
  <input type="checkbox" name="c1" /><label>YUI</label>
  <input type="checkbox" name="c1" /><label>ExtJS</label>
  <input type="checkbox" name="c1" /><label>MooTools</label>
</div>
<div>
  <label>您对 ezj 有什么建议?</label>
  <input type="text" size="30" name="t1" />
</div>
JavaScript 代码(ezj 代码)
ezj.ready(function(){
    $("<label").labelFor();
});
labelFor 自动识别 label 前后的元素,并根据元素类型来执行是否进行 for 关联:若 label 前面是多选框、单选框,则关联;若后面是文本框,则关联。
分享到:
评论

相关推荐

    判断“命令按钮”是否被鼠标单击详解

    右键点击这些控件可能不会触发Click事件,而是触发其他事件,如ContextMenuStrip的显示。 理解这些事件及其触发机制对于编写用户友好的应用程序至关重要。通过精确地响应用户的交互,可以创建更加流畅、直观的用户...

    window 程序设计

    在`button1_Click`事件中,根据`checkBox1`是否被选中,决定`label1`的背景色是变蓝还是变红,或者显示一个消息框。如果`checkBox1`未被选中,程序会显示一条信息告诉用户需要选中复选框。 此外,本章还介绍了创建...

    5VB基础控件篇.Option单选与Check复选控件[汇编].pdf

    - **单击事件**:两种控件的主要事件是`Click`,当用户点击OptionButton或CheckBox时触发。此时,控件的`Value`属性会根据用户操作更新,可以编写对应的事件处理程序来响应用户的选择。 4. 示例程序: - **Option...

    Visual CNET程序设计基础教程 Windows程序设计PPT教案学习.pptx

    在C#中,当用户点击pictureBox1时,会触发Click事件。通过添加事件处理程序,如`pictureBox1_Click`,我们可以定义当这个事件发生时要执行的代码。例如,当用户点击图片框,弹出一个消息框显示特定的信息,这在实际...

    Web服务器控件培训教程.pptx

    - ImageButton:显示带有图像的按钮,ImageURL属性用于指定图像源,同样触发Click事件。 - LinkButton:显示为超文本链接的按钮,Text属性设置链接文本,也触发Click事件。 - Hyperlink:用于创建超链接,...

    如何使html复选框的文本可单击(例如ASP.NET控件)

    &lt;asp:Label ID="Label1" runat="server" Text="复选框文本" AssociatedControlID="CheckBox1"&gt;&lt;/asp:Label&gt; ``` ASP.NET的`AssociatedControlID`属性将`Label`与`CheckBox`关联,但在客户端HTML中,它们的`id`会被...

    Web 服务器控件.pptx

    Button和ImageButton在用户点击后提交表单,触发Click事件,通常用于执行某种操作。ImageButton有额外的属性ImageURL,可以设置按钮上的图像。LinkButton看起来像超链接,点击后也会提交表单。Hyperlink控件则直接...

    VB控件教程大全.rar

    - **MouseClick**: 鼠标左键单击控件时触发。 - **KeyDown** 和 **KeyUp**: 键盘按键按下和释放时触发。 ### 5. 控件方法 除了属性和事件外,控件还提供了一些方法来执行特定操作: - **Clear**: 清空文本框的内容...

    C#控件详解(带书签)

    LinkLabel控件类似于Label控件,但可以显示带有超链接样式的文本。 **常用属性**: - `Links`:链接的集合。 - `Text`:显示的文本。 **常用方法**: - `CreateLink()`:创建链接。 **常用事件**: - `...

    C#控件大全(C#所有的控件)

    C#控件大全是指C#语言中提供的所有控件的集合,包括窗体、按钮、文本框、列表框、组合框、checkbox、RadioButton、 label、ProgressBar、TextBox、RichTextBox、DataGridView、ListView、TreeView等。这些控件都是C#...

    项目1:简单个人信息编辑程序.pptx

    * Click:单击事件。 * DblClick:双击事件。 * Load:装载事件。 * Unload:卸载事件。 * QueryUnload:在卸载事件之前发生,常用来判断是否关闭当前窗体。 * Resize:当窗体被改变大小时,触发该事件。 * Activate...

    VB控件使用大全

    - `Click`事件:单击控件时触发。 - `TextChanged`事件:文本框内容改变时触发。 - `Load`事件:窗体加载时触发。 - `Change`事件:针对某些控件,如列表框、组合框,当值改变时触发。 6. **控件布局** - 使用...

    C#控件(doc)

    - **Click事件**:用户单击按钮时触发。 - **Enabled属性**:控制按钮是否可用。 #### 七、GroupBox 控件 **GroupBox控件**用于分组其他控件。 - **Text属性**:设置GroupBox标题。 - **Enabled属性**:控制...

    项目1:简单个人信息编辑程序.ppt

    - 控件如`CommandButton`、`Label`、`Textbox`、`Frame`、`OptionButton`、`CheckBox`、`ListBox`和`ComboBox`都有各自的属性和方法,用于设置它们的外观、行为和功能。 - 例如,`Name`属性用于标识控件,`Caption...

    Delphi笔记

    - 双击Label控件将其添加到Form上,或先单击Label控件再在Form上点击所需位置来放置。 ##### Edit控件 Edit控件允许用户输入或编辑文本。 - **IMeMode**: 设定输入法模式。 - **IMeName**: 指定输入法名称。 - **...

    winfrom控件知识总结

    它具有简洁的设计,可通过单击操作激活事件处理程序。Button 的关键属性包括 `Text`(显示文本)、`Enabled`(是否可点击)和 `Visible`(是否可见)。此外,Button 控件可以响应 `Click` 和 `MouseUp` 等事件。 ##...

    使用Windows标准控件

    3. 按钮控件:如单击按钮(Button)、复选框(CheckBox)、单选按钮(RadioButton),用于触发特定的程序逻辑。 4. 导航控件:如滚动条(ScrollBar)、选项卡(TabControl),帮助用户在界面中移动和切换内容。 5....

    串口助手 源代码 vb

    - **Click事件**:当用户单击某个对象时触发。 - **Change事件**:当组合框中的选项发生变化时触发。 - **Load事件**:当窗体加载时触发。 ### 三、串口助手程序分析 #### 3.1 程序启动时的默认设置 - 使用Com1...

    上海计算机二级VB模拟题.pdf

    5. **窗体事件**:MouseDown和MouseUp事件分别在鼠标按键按下和释放时触发,Click事件在鼠标点击时触发,而Load事件在窗体加载时触发。在窗体上单击鼠标时,不会触发Load事件,因为Load事件只在程序启动或窗体加载时...

Global site tag (gtag.js) - Google Analytics