JQuery radio 操作应用实例

<div>
<input id="radio1" type="radio" name="rad" value="1" checked />1
<input id="radio2" type="radio" name="rad" value="2" />2
<input id="radio3" type="radio" name="rad" value="3" />3
<input id="radio4" type="radio" name="rad" value="4" />4
<input id="radio5" type="radio" name="rad" value="5" />5
<input id="button1" type="button" value="button" onclick="return button1_onclick()" />
<input id="button2" type="button" value="button" onclick="return button2_onclick()" />
</div>

<script language="网页特效" type="text/javascript">
// <![cdata[
function button1_onclick() {
$("input").each(function () {
if (this.type == 'radio') {
alert($(this).val());
}
});
}
function button2_onclick() {
//alert($("input[@type=radio]:checked").val());
//alert($("input[name='rad']:checked").val());
alert($("input[@type=radio]").val());
}
// ]]>
</script>

时间: 2024-09-21 16:15:23

JQuery radio 操作应用实例的相关文章

使用jquery.cookie操作Cookie实例

我们在WebForm上增加 "增加,删除,修改"三个按钮,并使用一个文本框来显示当前写入的Cookie的内容,我们将为每个按钮写一个处理函数. 对Cookie操作实例 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="testCookie.aspx.cs" Inherits="testCookie" %> <!DOCTYPE h

jquery radio 操作代码_jquery

//设置第二个为选中状态 //if(<%=rows["sex"]%>=="2"){$(':radio[name=sex]').eq(1).attr('checked',true);} //设计value=2的为选中状态 //if(<%=rows["sex"].ToString() %>=='2'){$("input[name='sex']").attr("checked",'2');

Jquery操作radio的简单实例

 本篇文章主要介绍了Jquery操作radio的简单实例.需要的朋友可以过来参考下,希望对大家有所帮助 <input name="study" type="radio" value="Jquery插件教程">Jquery插件教程 <input name="study" type="radio" value="Jquery学习">Jquery学习 <input

php配合jquery实现增删操作具体实例

 这篇文章主要介绍了php配合jquery实现增删操作具体实例,有需要的朋友可以参考一下 后台使用php,前台引用jquery,实现增删操作,代码如下:     代码如下: <script type="text/javascript" src="jquery-1.10.2.min.js"></script>  <?php  header("Content-type: text/html; charset=utf-8"

Jquery常用操作:checkbox、select取值,radio、checkbox、select选中及其相关

常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明. $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态.如果元素是可见的,切换为隐藏的

用jquery方法操作radio使其默认选项是否_jquery

复制代码 代码如下: <tr> <th>是否映射:</th> <td> <input type="radio" name="sfys" class="radio" id="yes" value="1"/><label for="yes">是</label> <input type="rad

jQuery 特性操作详解及实例代码_jquery

前面的话 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.操作特性的DOM方法主要有3个:getAttribute()方法.setAttribute()方法和removeAttribute()方法,而在jQuery中用一个attr()与removeAttr()就可以全部搞定了,包括兼容问题.本文将介绍jQuery中的特性操作 获取特性 jQuery中用attr()方法来获取和设置特性,attr是attribute(特性)的缩写,在jQuery DOM操作中会经常

jQuery 常见操作实现方式和常用函数方法总结_jquery

jQuery 常见操作实现方式 $("标签名") //取html元素 document.getElementsByTagName("") $("#ID") //取单个控件document.getElementById("") $("div #ID") //取某个控件中 控件 $("#ID #ID") // 通过控件ID取其中的控件 $("标签.class样式名") /

jQuery中noConflict()用法实例分析

 这篇文章主要介绍了jQuery中noConflict()用法,实例分析了noConflict()的功能.定义及相关使用技巧,需要的朋友可以参考下     本文实例讲述了jQuery中noConflict()用法.分享给大家供大家参考.具体分析如下: jQuery默认使用"$"操作符,$ 符号只是 window.jQuery 对象的一个引用,jQuery.noConflict() ,这个函数将变量$的控制权让渡给第一个实现它的那个库.这有助于确保jQuery不会与其他库的$对象发生冲突