`

jQuery之radio(单选)

阅读更多
页面代码如下:
             <input type="radio" name="sex"  value="0" checked/>男
             <input type="radio" name="sex"  value="1" />女
             <input type="radio" name="sex"  value="2" />人妖
             <input type="button" id="get3" value="设置单选框的值" /><br> 

jQuery实现方式:
$(function(){
     var v = prompt('欢迎你,请输入值','');				
     $(':radio[name=sex]').get(v).checked = true;
});

js实现方式:
var sexs = document.getElementsByName("sex");
var size = sexs.length;
for(var i=0;i<size;i++){
	if(sexs[i].value == v){
		sexs[i].checked = true;
		break;
	}
}

说明:来自于jQuery权威指南代码:也可这样进行判断,根据ID来获取是否选中
 var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //获取单选框按钮值
分享到:
评论

相关推荐

    jquery取radio单选按钮的值[文].pdf

    jquery取radio单选按钮的值[文].pdf

    jquery获取radio值(单选组radio)

    单选组radio: $(“input[@type=radio][@checked]”).val();...radio单选组的第二个元素为当前选中值 $(‘input[@name=items]’).get(1).checked = true 单选组 radio: $(“input[@type=radio]”).attr

    jQuery获取选中单选按钮radio的值

    在JavaScript的世界里,jQuery库提供了一种简便的方式来操作DOM元素,包括获取用户在网页上选中的单选按钮(radio)的值。这篇文章将详细介绍如何利用jQuery来获取选中单选按钮的值,通过两个实例来展示不同的实现...

    JQuery 自定义 radio与checkbox

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

    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(单选框)是否选中和获取选中值方法总结

    主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等...

    jquery.radio.js

    jquery的easyUI框架,单选按钮插件封装

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

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

    JQuery判断radio单选框是否选中并获取值的方法

    本文将详细介绍如何使用jQuery判断radio单选框是否选中以及如何获取其值。 首先,让我们来看如何设置单选按钮的选中状态: 1. 使用`.checked`属性: ```javascript $("input[name='名字']").get(0).checked = ...

    基于easyui 1.4.5的单选和多选框组件

    本文将深入探讨基于jQuery EasyUI 1.4.5的单选框和多选框组件的使用方法、功能特性以及如何结合实际项目进行应用。 一、jQuery EasyUI 1.4.5简介 EasyUI是一套基于jQuery的UI框架,它包含了多个可复用的UI组件,如...

    jquery 设置select checkbox radio只读

    昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个

    取消选中单选框radio的三种方式示例介绍

    本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。 代码如下: &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;...

    JQuery操作checkbox、radio等示例

    而radio则是单选按钮,用户只能选择其中一个选项。 在jQuery中,操作这些元素通常涉及到选择它们,改变它们的状态,以及响应用户的交互。以下是一些常见的jQuery操作: 1. **选择元素**:jQuery提供了多种选择器,...

    jQuery美化radio和checkbox

    在网页设计中,radio(单选按钮)和checkbox(复选框)是常见的表单元素,用于收集用户的选择信息。然而,原生的HTML radio和checkbox样式通常较为简单,不符合现代网页美观的需求。jQuery,一个广泛使用的...

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

    在本文中,我们将深入探讨如何使用jQuery来实现一个自定义的单选按钮(radio)组件,同时也会涉及相关的JavaScript和ECMAScript基础知识。 ### 1. jQuery基础 首先,我们需要了解jQuery的基本用法。jQuery通过 `$`...

    jquery判断单选按钮radio是否选中的方法

    本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下: html代码如下: &lt;input type="radio" id="d1" name="ra" value="a" checked="checked" /&gt; &lt;input type="radio" ...

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

    2. **选择元素**:使用jQuery的选择器(如`$('*[type="radio"]')`或`$('*[type="checkbox"]')`)来选取页面上的所有单选框和复选框。 3. **应用插件**:调用插件提供的方法,如`.choose()`,将美化效果应用到选择的...

Global site tag (gtag.js) - Google Analytics