`
huanhuan1022
  • 浏览: 54932 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

动态创建radio、checkbox时需要注意的问题

阅读更多

1、给radio、checkbox后面添加文字

2、创建默认选中

3、创建完可选

function create(){
   		var board = document.getElementById("layer1_content1");
		var e = createElement("input","cpname");
		e.type = "checkbox";
		e.id = "chid";
		e.value ="123"; 
		board.appendChild(e);
		//设置选中
		e.setAttribute("checked","checked");
		//添加文字
		board.appendChild(document.createTextNode("测试"));
   }
   
   function createElement(type, name) {   
	   var element = null;   
	   try {   
		  // First try the IE way; if this fails then use the standard way   
		  element = document.createElement('<'+type+' name="'+name+'">');   
	   } catch (e) {   
		  // Probably failed because we’re not running on IE   
	   }   
	   if (!element) {   
		  element = document.createElement(type);   
		  element.name = name;   
	   }   
	   return element;   
	}

 

注意:1、由于IE的问题,必须使用以上createElement()方法创建name属性,否则在IE中无法选中,其他浏览器不需要这样。

         2、在IE浏览中,通过document.createElement("input")来生成的radio和checkbox都无法通过document.getElementsByName()方法来获取

分享到:
评论

相关推荐

    10组美化的radio&checkbox

    总之,"10组美化的radio&checkbox"为网页设计师和开发者提供了丰富多样的选择,使得在创建表单或界面时,可以轻松实现美观与功能的完美结合。通过合理地利用这些组件,可以显著提升网页的用户体验和整体品质。在实际...

    checkbox与radio好看的样式

    在网页设计中,`checkbox` 和 `radio` 是两种常见的表单元素,用于用户进行多选和单选操作。为了提升用户体验和界面美观性,设计师和开发者常常会为这些元素定制自定义样式。本篇文章将深入探讨如何实现“好看的”`...

    JQuery操作checkbox、radio等示例

    5. **遍历所有元素**:如果需要对一组checkbox或radio进行操作,可以使用`.each()`方法。`$("[type=checkbox]").each(function() { ... })`会遍历所有的checkbox,并对每个元素执行提供的函数。 6. **获取选中的值*...

    JQuery 自定义 radio与checkbox

    例如,我们可以创建一个CSS类来定义自定义的radio和checkbox样式,然后在用户交互时动态应用这些类。同时,使用`.attr()`方法可以改变元素的属性,如checked状态。 接下来,我们要实现自定义的交互效果。jQuery提供...

    checkbox和radio 的使用 特效

    - **JavaScript操作**:同样可以使用JavaScript改变`radio`的状态,但需要注意互斥性,确保其他同组内的按钮相应地取消选中。 3. **特效实现** - **CSS样式**:通过CSS可以改变`checkbox`和`radio`的外观,例如...

    selectTree tree控件 日历控件 tree控件 radio CheckBox demo

    "selectTree tree控件 日历控件 tree控件 radio CheckBox demo"这个标题揭示了几个关键的组件,它们是网页交互中的重要元素。下面将详细介绍这些控件及其应用场景。 1. **selectTree(选择树控件)**: 选择树控件...

    在VC 中如何动态创建控件

    在VC++环境中,动态创建控件是一项常见的编程任务,它允许程序员在运行时根据需要创建用户界面元素。这种技术在设计复杂的用户交互或响应特定事件时尤其有用。本篇文章将详细探讨如何在VC++中动态创建四种常见的控件...

    C#_winform_动态生成RadioButton和CheckBox并获取选中值

    C#的winform是没有webform的RadioButtonList和CheckBoxList这两个...要实现从数据库取出数据后动态生成N个RadioButton和CheckBox并获取选中项目的值,请看本例。思路很简单,有问题请指出,相互学习共同进步,谢谢。

    radio checkbox

    在网页设计中,"radio"和"checkbox"是两种常见的表单元素,用于用户输入选择。它们在HTML中扮演着重要角色,允许用户进行多选或单选操作。本文将详细探讨如何使用CSS3技术来美化和替代浏览器自带的默认样式,以及一...

    radio、checkbox、select等选择标签的总结

    在网页设计和开发中,`radio`、`checkbox` 和 `select` 是三种常见的表单元素,用于收集用户输入的数据。这些元素都是HTML语言的一部分,是构建交互式Web页面的关键工具。下面是对这三个标签的详细解释和总结: 1. ...

    struts1.x html标签 radio,checkbox,multibox,select的使用

    在Struts1.x中,HTML标签库提供了一系列的定制化标签,简化了视图层的开发,比如`html:radio`, `html:checkbox`, `html:multibox`和`html:select`,这些都是用来创建用户交互界面的元素,主要用于处理表单数据的输入...

    xtree+checkbox+radio,xloadtree+checkbox+radio

    这些库常被用来展示层级数据,如组织结构、文件目录或者导航菜单等,提供了丰富的交互功能,如复选框(checkbox)和单选按钮(radio),以增强用户体验。下面我们将详细探讨这两个库以及与`ajax`动态加载相关的知识...

    js checkbox radio

    在表单提交时,通常需要验证`checkbox`和`radio`的选中状态。例如,确保至少有一个复选框被选中: ```javascript function validateForm() { var checkboxes = document.querySelectorAll('input[type="checkbox"]...

    checkBox的单选多选

    在处理多个CheckBox时,可能需要遍历所有CheckBox以获取选中的状态。这里可以使用Java的迭代器。首先,将CheckBox控件放入ArrayList中,然后使用迭代器遍历: ```java ArrayList&lt;CheckBox&gt; checkBoxList = new ...

    使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部

    Radio(单选按钮)在HTML中是`&lt;input type="radio"&gt;`,封装Radio脚本时,我们需要注意保持同一组内的互斥性: 1. 检查状态:使用`is(':checked')`确定当前选中的单选按钮。 2. 修改状态:使用`prop('checked', true...

    自定义RadioButton&CheckBox样式的实现

    在`res/drawable`目录下,创建`checkbox_checked.xml`、`checkbox_unchecked.xml`、`radio_button_checked.xml`和`radio_button_unchecked.xml`。这些文件使用Shape Drawable或者Vector Drawable来定义自定义的形状...

    微信小程序单选radio及多选checkbox按钮用法示例

    本文主要介绍的是如何使用单选按钮(radio)和多选按钮(checkbox)这两种常见的表单元素。以下是对标题和描述中提及的知识点的详细说明: 1. **单选按钮(radio)**: 单选按钮在微信小程序中通常用于提供一系列...

    Angular中Dom操作 以及表单( input、checkbox、radio、select、 textarea )结合双休数据绑定实现在线预约功能

    在Angular框架中,DOM操作和表单控件的使用是构建动态Web应用的关键部分。本文将深入探讨如何在Angular环境中进行DOM操作,并结合双向数据绑定,利用input、checkbox、radio、select和textarea等表单元素实现一个...

    CheckBox(c++builder)

    - `OnClick`:最重要的事件,当用户点击CheckBox时触发,你可以在这里添加处理逻辑,例如更新其他控件的状态或执行相关操作。 4. **使用示例**: 在C++Builder的Form设计器中,可以从工具箱中拖拽一个TCheckBox...

    纯JS打造网页中checkbox和radio的美化效果

    CSS被用来定义checkbox和radio的外观,通过设置`position`属性为`relative`,我们可以创建一个相对定位的容器来包裹实际的input元素。然后,将input元素的`position`设置为`absolute`,并调整`top`和`left`属性,使...

Global site tag (gtag.js) - Google Analytics