`
yanyanquan
  • 浏览: 448359 次
  • 性别: Icon_minigender_1
  • 来自: 江门
社区版块
存档分类
最新评论

JQuery操作单选表单点击事件

 
阅读更多

jquery实例

这里来记录一下JQuery实现查找单选框选择不同的值,对应不同的操作

 

实例:单选按钮两个选项,控制是否显示一个DIV是否显示

$(document).ready(function(){  

 $("input[name='show_sakura']:radio").click(function(){   

   var t = $(this).val();  

  if(t == 1){  

   $("#sakura_div").css('display','block');  

  }else{  

        $("#sakura_div").css('display','none');  

     }  

  })  

}); 


 }); 

 

分享到:
评论

相关推荐

    Jquery为单选框checkbox绑定单击click事件

    总的来说,通过本文的学习,我们了解了Jquery为单选框checkbox绑定单击事件的方法和最佳实践,这些知识点对于进行前端开发的工程师来说非常实用。在实际开发过程中,灵活运用这些方法可以有效地增强网页的交互性和...

    jquery操作单选框和复选框

    jquery操作单选框和复选框,超级实用的示例,节约项目开发时间!

    jquery操作表单案例

    本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...

    jQuery自定义单选按钮复选框样式特效

    在这个特效中,jQuery被用来处理用户的交互事件,比如点击按钮或复选框时触发的样式变化。 单选按钮和复选框是网页表单中常见的组件,用于收集用户的选择信息。默认情况下,它们的样式由浏览器的CSS引擎决定,通常...

    老裴帮助关于Jquery操作单选框的小练习

    通常,开发者可能会创建一个包含多个单选按钮的表单,然后编写jQuery代码来监听用户的点击事件,以便在用户选择某个选项时更新界面或执行特定功能。此外,可能还会涉及到动态改变单选按钮的选中状态,或者获取用户...

    jquery取单选,复选,下拉小结

    这篇博客"jquery取单选,复选,下拉小结"是关于如何使用jQuery来操作网页中的单选按钮(radio)、复选框(checkbox)以及下拉列表(select)的选择项。下面我们将详细探讨这些知识点。 首先,我们来讨论如何使用...

    jQuery美化单选框星级评论表单代码

    jQuery是一个广泛使用的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。在本示例中,jQuery将被用来实现动态的星级评分系统。用户可以通过点击星形图标选择他们对某一事物的评价等级,...

    jquery操作单选、复选、下拉列表

    ### jQuery操作单选、复选、下拉列表详解 #### 一、概述 在Web开发中,使用jQuery来操作DOM元素是一种非常常见的做法。通过jQuery提供的简洁语法,开发者能够更轻松地实现对页面元素的选择与操作。本文将详细介绍...

    jQuery常见的表单操作

    以下是一些常见的jQuery表单操作,包括处理复选框(Checkbox)、文本输入(Text)、单选按钮(Radio)以及下拉列表(Select): 1. **复选框(Checkbox)**: - `$("input[name='checkbox_name'][checked]")` 用于...

    jquery单选框radio绑定click事件实现方法

    本文将深入讲解如何使用jQuery来绑定单选框(radio)的click事件,以便在用户点击时执行特定的功能。 首先,jQuery的选择器是其强大功能的核心。在示例代码中,`$:radio` 是一个特殊的选择器,它用来选取所有类型的...

    jquery获取表单值

    在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单控件(如文本框、文本域、...

    jQuery单选框和复选框美化插件

    总之,jQuery单选框和复选框美化插件如"ui-choose.js"为开发者提供了一种便捷的方式,以提升网页表单组件的外观和交互体验。通过简单的JavaScript和CSS调整,你可以轻松创建出符合品牌风格且用户体验优秀的表单界面...

    jquery 绑定单选框、复选框、下拉框

    在jQuery中,我们使用`.click()`或`.change()`方法来监听单选框的点击事件。例如,当单选框状态改变时,我们可以更新相应的UI或执行某些逻辑: ```javascript $('input[type="radio"]').on('change', function() { ...

    jquery UI表单设计器

    **jQuery** 是一个轻量级、功能丰富的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互。jQuery UI则是jQuery的一个扩展,提供了各种可重用的UI组件和交互效果,如对话框、滑块、排序列表、日期选择...

    jQuery表格行全选反选单选代码

    jQuery表格行全选反选单选代码,例子采用bootstrap格式,可以选择自定义。

    jQuery个人信息完善表单代码.zip

    2. **表单元素**:表单通常包含输入框(文本、数字、电子邮件等)、下拉菜单、复选框、单选按钮等,用于收集用户的基本信息如姓名、性别、出生日期、联系方式等。 3. **实时验证**:jQuery可以实现对用户输入的实时...

    jquery 获取单选按钮的值

    本篇文章将详细讲解如何在jQuery中获取单选按钮(radio button)的值。 首先,我们需要了解HTML中的单选按钮是如何定义的。在HTML中,单选按钮通常使用`<input>`标签的`type="radio"`属性来创建。每个单选按钮都有...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    jquery表单Check样式

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript代码的编写,尤其是在处理DOM操作、事件处理和动画效果方面。"jquery表单Check样式"是指利用jQuery来实现表单元素,如复选框(checkbox...

    jQuery Mobile 表单

    jQuery Mobile 提供了专门针对移动设备优化的表单组件,使得在手机和平板上创建和操作表单变得更加便捷。 ### jQuery Mobile 表单的基础结构 在 jQuery Mobile 中,表单的基本HTML结构与标准HTML表单相似,但需要...

Global site tag (gtag.js) - Google Analytics