`
cpf1985
  • 浏览: 78257 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

juqery动态增加radio

 
阅读更多
  通过juquery动态的增加一个组件 比如 radio 然后想给这个组件一个点击事件 那么就得在增加这个组件的方面里面 给他一个监听单击的事件了 比如
function addRadio(str,maId){
   var s=eval("("+str+")")
   var str="<li class='fontzs2'><label><input type='radio' name='memberAddressId'    
   value="+maId+">&nbsp;"+s.province+","+s.county+","+s.city+","+s.address;
   
     
   }
   str=str+"</lable></li>"
   jq(".jpybox").append(str);
   jq(':radio[name="memberAddressId"]:not(:checked)').click(function(){
	//选中地址
	jq(this).parents(".fontzs2").prependTo(".jpybox");
	jq(this).attr("checked",true);
	//更改隐藏域的值
	var addId=jq(this).val();
	jq("#hidden_address").val(addId);
	
});
分享到:
评论

相关推荐

    JQuery 自定义 radio与checkbox

    在jQuery中,我们可以使用`.addClass()`和`.removeClass()`方法来添加或移除CSS类,从而改变元素的样式。例如,我们可以创建一个CSS类来定义自定义的radio和checkbox样式,然后在用户交互时动态应用这些类。同时,...

    JQuery操作checkbox、radio等示例

    本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...

    jquery动态添加 删除指定行元素

    在JavaScript和jQuery的世界里,动态地添加和删除DOM元素是常见的需求,特别是在处理表格数据时。本文将深入探讨如何利用jQuery实现动态添加和删除指定行的功能。 首先,我们来看动态添加行的操作。这个过程通常...

    jquery 多个radio的click事件实例

    然后,在文档加载完成后,我们使用jQuery的`.click()`方法来绑定点击事件处理器到id为`ImgRadio`的div中的所有radio按钮上: ```javascript $("#ImgRadio:radio").click(function() { // 当任何一个radio按钮被...

    jquery获取各种radio,checkbox,select的值等

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...

    基于jQuery和layui的form表单自定义js动态生成

    3. jQuery动态生成表单:利用jQuery的append()方法,根据业务需求动态生成表单元素。例如,创建一个输入框和提交按钮。 ```javascript var formData = [ { type: 'text', label: '姓名', name: 'username' }, { ...

    jquery动态增加表格表单行来插入数据-------遇到的兼容问题和radio问题

    本文将深入探讨“jquery动态增加表格表单行来插入数据”这一主题,以及在这个过程中可能遇到的兼容性和radio(单选按钮)问题。 首先,动态增加表格表单行是常见的前端交互功能,常用于数据录入或编辑场景。使用...

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

    总结一下,jQuery中实现单选框radio绑定click事件的方法是: 1. 引入jQuery库,如`”text/javascript” src=”jquery-1.8.2.min.js”&gt;&lt;/script&gt;`。 2. 使用文档就绪函数包裹代码,确保在DOM加载完成后执行,`$...

    jquery radio checkbox 美化

    综上所述,"jQuery radio checkbox美化"涉及到前端开发中的多方面技能,包括jQuery的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...

    JQuery对radio的操作 (01).zip

    这个例子可能包括了创建radio按钮组,添加事件监听器,以及动态改变按钮状态等功能。 总结来说,jQuery提供了一套简洁的API来处理HTML的radio按钮,使得在网页交互中实现复杂逻辑变得更加简单。通过熟练掌握这些...

    jQuery validate 验证radio实例

    本文主要介绍如何使用jQuery Validate插件来验证单选按钮(radio)的输入,并提供了一些具体的代码示例。 在使用jQuery Validate插件进行radio验证之前,需要在页面中引入jQuery库以及jQuery Validate插件。然后,...

    jQuery实现一个自定义的单选按钮radio

    要实现自定义样式,我们可以使用CSS为单选按钮添加类,然后在jQuery中动态切换这些类。例如,我们为选中的单选按钮添加一个`active`类: ```css .radio-button.active { /* 添加自定义选中样式 */ } ``` 在jQuery...

    Jquery选中或取消radio示例

    除了上述方法,JQuery还提供了其他的DOM操作方法,比如`.addClass()`和`.removeClass()`方法,这些方法虽然不直接用来设置checked属性,但可以通过添加或移除CSS类的方式来间接改变元素的样式或状态。同样,`.val()`...

    利用jquery操作Radio方法小结

    如果需要控制页面中所有Radio按钮的可用状态,可以使用jQuery的.attr()方法来添加或移除disabled属性。 让所有Radio可用: ```javascript $("input:radio").attr("disabled", false); ``` 让所有Radio不可用: ```...

    jQuery中:radio选择器用法实例

    本文将详细介绍jQuery中针对单选按钮(radio buttons)的选择器用法,分析其功能和定义,并通过实例来讲解匹配和使用单选按钮的技巧。 ### jQuery中:radio选择器的定义 jQuery中的:radio选择器是一种属性选择器,...

    jquery获取radio值(单选组radio)

    本文将详细解释如何使用jQuery来获取单选按钮组(radio group)的值。 ### jQuery获取单选按钮值的原理 要获取单选按钮组的值,我们首先需要理解jQuery选择器的使用。在jQuery中,我们可以使用属性选择器来选取...

    Jquery获取radio选中的值

    在本篇文章中,我们将探讨如何使用 jQuery 获取单选按钮(radio)选中的值。这对于实现用户交互和数据提交等功能至关重要。 首先,让我们了解 HTML 中的单选按钮(radio)元素。在 HTML 中,`&lt;input type="radio"&gt;`...

    jquery动态禁用label标签rar

    通过熟练运用jQuery,开发者可以为网页增加丰富的交互效果,提高用户的参与度和满意度。同时,这也体现了JavaScript作为客户端脚本语言的强大能力,能够实时响应用户操作,增强网页的动态性和实时性。

    JQuery触发radio或checkbox的change事件

    在JQuery中,当给radio或checkbox添加一个change事件时,如果它的值发生变化就会触发change事件;本文将详细介绍如何利用JQuery触发Checkbox的change事件需要了解的朋友可以参考下

Global site tag (gtag.js) - Google Analytics