jQuery操作<input type="radio">

jQuery操作<input type="radio">

  <input type="radio">如下:


1

2

3

4

5

<input type="radio" name="city" value="BeiJing">北京

<input type="radio" name="city" value="TianJin">天津

<input type="radio" name="city" value="NanJing">南京

<input type="radio" name="city" value="YangZhou">扬州

<input type="radio" name="city" value="SuZhou">苏州

  1、获取选中的radio的值:


1

$("input[name=‘city‘]:checked").val();

  使用元素选择器,再使用属性过滤器name=‘city‘,最后使用:checked选取被选中的元素。

  2、给指定值的radio设置选中状态:


1

$("input[name=‘city‘][value=‘YangZhou‘]").attr("checked",true);

  给name="city"而且value="YangZhou"的radio设置选中状态。

  3、取消name="city"的radio的选中状态:


1

$(‘input[name="city"]:checked‘).attr("checked",false);

  4、获取name="city"的radio的个数:


1

$("input[name=‘city‘]").length;

  5、获取name="city"而且索引是偶数的radio:


1

$("input[name=‘city‘]:even");

  索引是从0开始的。

  6、获取name="city"而且索引是奇数的radio:


1

$("input[name=‘city‘]:odd");

  索引是从0开始的。

  7、迭代radio:


1

2

3

4

5

$("input[name=‘city‘]").each(function(i,obj){

    //i,迭代的下标,从0开始

    //obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值

    //$(this);当前jQuery对象,可以使用$(this).val()获取属性值

});

  迭代name="city"的radio。

  8、禁用radio:


1

$("input[name=‘city‘]").attr("disabled",true);

  禁用name="city"的radio。

  9、启用radio:


1

$("input[name=‘city‘]").attr("disabled",false);

  启用name="city"的radio。

时间: 2024-12-24 21:31:42

jQuery操作<input type="radio">的相关文章

原生JS与jQuery操作DOM有什么异同点?

本文和大家分享的主要是原生JS与jQuery操作DOM相关内容,一起来看看吧,希望对大家学习javascript有所帮助. 一.创建元素节点 1.1 原生 JS 创建元素节点 document.createElement("p"); 1.2 jQuery 创建元素节点 $('<p></p>');` 二.创建并添加文本节点 2.1 原生JS创建文本节点 document.createTextNode("Text Content"); 通常创建文

jquery操作单选钮代码示例

jquery操作单选钮代码示例:radio单选按钮是最重要的表单元素之一,下面介绍一下常用的几个jquery对radio单选按钮操作.一.取消选中: $(".theclass").each(function(){ if($(this).attr('checked')) { $(this).attr('checked',false); } }); 以上代码可以将class属性值为theclass的被选中单选按钮取消选中.二.获取被选中的单选按钮的值: var val=$('.thecla

Jquery操作select,左右移动,双击移动 取到所有option的值

$(function () { function MoveItem(fromId, toId) { $("#" + fromId + " option:selected").each(function () { $(this).appendTo($("#" + toId + ":not(:has(option[value=" + $(this).val() + "]))")); }); $("#&

jQuery操作Dom、jQuery事件机制、jQuery补充部分

jQuery操作Dom: 修改属性: //使用attr()方法 //attr(name, value) //name:要修改的属性的属性名 //value:对应的值 //attr方法,如果当前标签有要修改的属性,就会进行修改,如果没有,直接添加 例:$("a").attr("href","http://www.baidu.com"); 修改多个属性值: //attr(obj) $(“img”).attr({ “title”: ”文件名称”, “s

使用jQuery操作元素的属性与样式

本文学习如何使用jQuery获取和操作元素的属性和CSS样式. 元素属性和Dom属性 对于下面这样一个标签元素: <img id='img' src="1.jpg" alt='1' class="imgs"></img>  我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性. 元素属性和Dom属性只是在我们对其进行不同解析时的不同

web进阶之jQuery操作DOM元素&amp;&amp;MySQL记录操作&amp;&amp;PHP面向对象学习笔记

hi 保持学习数量和质量 1.jQuery操作DOM元素 ----使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值. 控制就是获取以及设置 <h3>attr()方法设置元素属性</h3> <a href="http://127.0.0.1" id="a1">点我就变</a> <d

jquery 操作iframe的几种方法总结

iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法: 父窗口操作IFRAME:window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text&

使用Jquery 操作 sharepoint2013文档库(增删改查)

使用Jquery 操作 sharepoint2013文档库(增删改查) [html] view plaincopyprint? //https://xxx.sharepoint.com/AAA/_api/web/GetFolderByServerRelativeUrl('/AAA/SingtelLaunchProcess')/Files //https://xxx.sharepoint.com/AAA/_api/web/GetFolderByServerRelativeUrl('Document

jquery操作Ajax返回的JSON值

$.post( 'XXX.php', { col: value }, function(data) { var getData = eval( "(" + data + ")" ); //必须用括号,真蛋疼 alert( getData.xx ); } ); jquery操作Ajax返回的JSON值,布布扣,bubuko.com

Jquery 操作IFrame

使用jquery操作iframe 1. 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://ww