页面代码如下:
<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
单选组radio: $(“input[@type=radio][@checked]”).val();...radio单选组的第二个元素为当前选中值 $(‘input[@name=items]’).get(1).checked = true 单选组 radio: $(“input[@type=radio]”).attr
在JavaScript的世界里,jQuery库提供了一种简便的方式来操作DOM元素,包括获取用户在网页上选中的单选按钮(radio)的值。这篇文章将详细介绍如何利用jQuery来获取选中单选按钮的值,通过两个实例来展示不同的实现...
本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和checkbox(复选框)的美化。在现代Web界面设计中,为了提供更美观、用户体验更好的表单元素,开发者经常需要对这些标准HTML元素进行定制。 首先,...
总结一下,jQuery中实现单选框radio绑定click事件的方法是: 1. 引入jQuery库,如`”text/javascript” src=”jquery-1.8.2.min.js”></script>`。 2. 使用文档就绪函数包裹代码,确保在DOM加载完成后执行,`$...
主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等...
jquery的easyUI框架,单选按钮插件封装
本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解HTML中的`<input type="radio">`元素。在网页中,单选按钮通常用于提供一组互斥的选择选项,用户只能选择...
本文将详细介绍如何使用jQuery判断radio单选框是否选中以及如何获取其值。 首先,让我们来看如何设置单选按钮的选中状态: 1. 使用`.checked`属性: ```javascript $("input[name='名字']").get(0).checked = ...
本文将深入探讨基于jQuery EasyUI 1.4.5的单选框和多选框组件的使用方法、功能特性以及如何结合实际项目进行应用。 一、jQuery EasyUI 1.4.5简介 EasyUI是一套基于jQuery的UI框架,它包含了多个可复用的UI组件,如...
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。 代码如下: <!DOCTYPE HTML> <html> <head> <...
而radio则是单选按钮,用户只能选择其中一个选项。 在jQuery中,操作这些元素通常涉及到选择它们,改变它们的状态,以及响应用户的交互。以下是一些常见的jQuery操作: 1. **选择元素**:jQuery提供了多种选择器,...
在网页设计中,radio(单选按钮)和checkbox(复选框)是常见的表单元素,用于收集用户的选择信息。然而,原生的HTML radio和checkbox样式通常较为简单,不符合现代网页美观的需求。jQuery,一个广泛使用的...
在本文中,我们将深入探讨如何使用jQuery来实现一个自定义的单选按钮(radio)组件,同时也会涉及相关的JavaScript和ECMAScript基础知识。 ### 1. jQuery基础 首先,我们需要了解jQuery的基本用法。jQuery通过 `$`...
本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下: html代码如下: <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" ...
2. **选择元素**:使用jQuery的选择器(如`$('*[type="radio"]')`或`$('*[type="checkbox"]')`)来选取页面上的所有单选框和复选框。 3. **应用插件**:调用插件提供的方法,如`.choose()`,将美化效果应用到选择的...