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

html radio的一些用法

HTML 
阅读更多 
<html>
<body>

<form>
<input type="radio" id="radio1" name="radio1" value="a" onclick="test(this)"/>
<input type="radio" id="radio1" name="radio1" value="b" checked  onclick="test(this)"/>

<input type="button" onclick="test()">
<input type="button" onclick="test2()">

</form>

<p>The name of the radio button is: 
<script type="text/javascript">
 function test(obj){

  alert(obj.value);
 }
 function test2(){
   var x = document.getElementsByName('radio1');
   for(i=0;i<x.length;i++){
     if(x[i].checked){
        alert(x[i].value)
     }
  }
 }
 
</script></p>

</body>
</html>
分享到：
| Java中如何进行文件操作
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html中radio值的获取、赋值、注册事件示例详解

    使用jQuery时，可以先通过name属性选中这组radio，然后使用jQuery提供的过滤方法“:checked”找到当前选中的radio按钮，之后再获取其值或属性。例如： ```javascript var group1 = $("[name='group1']").filter(":...

    Radio按钮用法举例

    本文将深入探讨Radio按钮的用法，结合给出的资源“radio按钮用法总结.docx”，我们将从源码实现、工具应用以及实际场景中的运用来展开讨论。 首先，Radio按钮的基本概念是，它们是一组相关的选项，用户只能选择其中...

    jsp中radio控件的使用

    以上就是关于"jsp中radio控件的使用"的知识点详解，包括了`radio`控件的基本用法、JSP和JavaScript的交互，以及客户端和服务器端的验证。在实际应用中，还可以结合Servlet、Ajax等技术，实现更复杂的业务逻辑和用户...

    自定义radio&checkbox;样式

    本主题聚焦于如何使用CSS3来自定义Radio和Checkbox的样式，以提升用户体验并增加界面美观度。需要注意的是，这种方法可能不兼容Internet Explorer 8及以下版本，因为它们对CSS3选择器的支持有限。 **CSS3选择器基础...

    用图片代替radio

    在网页设计中，"用图片代替radio"是一种常见的美化表单元素的方法，特别是为了提高用户界面的可感知性和美观度。传统的HTML radio按钮虽然功能强大，但其样式往往较为单一，无法满足设计师对视觉效果的需求。本文将...

    JQuery 自定义 radio与checkbox

    本话题主要关注如何使用jQuery来实现自定义的radio（单选按钮）和checkbox（复选框）的美化。在现代Web界面设计中，为了提供更美观、用户体验更好的表单元素，开发者经常需要对这些标准HTML元素进行定制。 首先，...

    @Html的用法

    下面详细介绍HtmlHelper的一些常用方法及其用法。 1. @Html.ActionLink() 这个方法用于生成超链接。第一个参数是链接显示的文本，第二个参数是链接指向的Action方法名称。此外，还可以传入一个额外的object类型的...

    radio关联 网页设计

    #### 一、理解`&lt;input type="radio"&gt;`的基本用法 在HTML中，`&lt;input type="radio"&gt;`用于创建单选按钮。单选按钮通常成组出现，并且它们共享同一个名称（即`name`属性值相同），这样在提交表单时，只能有一个被选中...

    html修改默认单选框样式

    在网页设计中，HTML元素是基础构建块，其中包括单选按钮（`&lt;input type="radio"&gt;`）。默认情况下，这些单选按钮具有浏览器提供的统一样式，但为了提供更个性化的用户体验，开发者经常需要自定义这些元素的外观。本文...

    jQuery美化radio和checkbox

    对于美化radio和checkbox，通常有两种主要方法：自定义CSS和使用jQuery插件。 1. 自定义CSS：jQuery本身并不直接改变元素的外观，但可以通过选择器选中radio和checkbox，然后应用CSS来改变它们的样式。例如，你可以...

    div仿radio插件

    1. **初始化**：在页面加载后，可以通过调用插件方法来初始化div仿radio插件，为页面上的特定div元素赋予radio功能。初始化过程中，插件会根据预设的配置项来设置样式和行为。 2. **传值**：模拟radio的选中状态，...

    自定义 input radio 兼容ie6

    为了确保在IE6下也能实现自定义的 radio 按钮样式，我们需要采用一些特殊的技巧和方法。 首先，我们要理解IE6不支持`:checked`伪类，这意味着我们不能通过CSS直接控制被选中的radio按钮的样式。为了解决这个问题，...

    js中获取jsp表单中radio类型的值简单实例

    首先，我们需要了解单选按钮（radio）在HTML表单中的基本用法。单选按钮允许用户在一组选项中选择一个值，它通常使用`&lt;input type="radio"&gt;`标签来创建，并且具有相同`name`属性的多个单选按钮共同构成一个选择组，...

    使用纯CSS美化radio和checkbox

    在网页设计中，radio（单选按钮）和...通过以上方法，我们可以使用纯CSS实现对radio和checkbox的美化，让网页的交互元素更加吸引人。在实际项目中，你可以根据提供的参考实例进行修改，以适应不同的主题和应用场景。

    判断radio是否被选中

    文档中的代码示例展示了如何使用HTML中的`&lt;input type="radio"&gt;`元素来构建一个包含多个选项的单选列表，并通过JavaScript检测用户的输入。 **知识点细节：** - **基本语法：** ```html &lt;input type="radio" name...

    Jquery实现select下拉列表根据radio选项级联

    接下来，我们将使用jQuery来监听radio按钮的变化，并根据选中的值改变相应的select下拉列表。以下是一个基本的实现示例： ```javascript $(document).ready(function() { // 首先，我们需要在页面加载时初始化下拉...

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

    在HTML中，单选按钮通常使用 `&lt;input&gt;` 元素的 `type="radio"` 属性创建。例如： ```html &lt;input type="radio" id="option1" name="choice" value="1"&gt; 选项1 &lt;input type="radio" id="option2" name="choice" ...

    使用Java获取html中Select,radio多选的值方法

    本文将详细介绍如何使用Java从HTML页面中获取Select和Radio多选框的值。 首先，让我们看看HTML部分。在HTML中，`&lt;select&gt;`元素用于创建下拉列表，其中`multiple`属性表示用户可以选择多个选项。例如： ```html ...

    JQuery判断radio是否有选中，获取选中的值

    本文将深入探讨如何使用jQuery来判断单选按钮（radio）是否有被选中，并获取选中的值。 首先，我们需要理解HTML中的`&lt;input type="radio"&gt;`元素。在网页中，单选按钮通常用于提供一组互斥的选择选项，用户只能选择...

    前端项目-ion.checkradio.zip

    3. **示例或Demo**：可能有一个index.html或其他HTML文件，用于展示插件的用法和效果。 4. **文档**：README.md文件或类似的文档，详细解释如何安装、使用和配置插件。 5. **图片资源**：可能包含用于皮肤的SVG或PNG...

Magicbox
Global site tag (gtag.js) - Google Analytics