jQuery获取及设置单选框实例介绍

单选组radio： $("input[@type=radio][@checked]").val();

获取一组radio被选中项的值
var item = $("input[@name=items][@checked]").val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$("#select_id")[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$("input[@name=items]").get(1).checked = true;

设置单选组值

单选组radio： $("input[@type=radio]").attr("checked","2");//设置value=2的项目为当前选中项 （错

）
$("input[@name=radio_s][@value=16]").attr("checked",true);（测试通过）

例1

 代码如下 复制代码

<asp:RadioButtonList runat="server" ID="rblShow" class="show"

RepeatDirection="Horizontal">

<asp:ListItem Text="是" value="1" />

<asp:ListItem Text="否" value="0"/>

</asp:RadioButtonList>

<p class="isShow" style="width: 500px">
测试文字
</p>

然后在脚本js中添加Jquery引用后。

 代码如下 复制代码

<script type="text/javascript">
$(function () {
$(":radio").click(function () {
if ($(this).val() == "1") {
$(".isShow").fadeIn();
} else {
$(".isShow").fadeOut();
}
})
})

例2

 代码如下 复制代码

<html>
<head>
<script type="text/javascript" src="/ajaxjs/jquery1.3.2.js">
    </script>
    <script type="text/javascript">
        $(function(){
            $("#form1").submit(function(){

           if($("#form1 input:checked")){
               alert($("#form1 input:checked").val());
       }

                return false; //不提交
  });
 });
    </script>
    <title>单选框测试</title>
</head>
<body>
    <form id="form1">
        <input type="radio" name="items" id="item1" value="a"/>A
        <br/>
        <input type="radio" name="items" id="item2" value="b"/>B
        <br/>
        <input type="radio" name="items" id="item3" value="c"/>C
        <br/>
        <input type="radio" name="items" id="item4" value="d"/>D
        <br/>
        <input type="radio" name="items" id="item5" value="e"/>E
        <br/>
        <input type="radio" name="items" id="item6" value="f"/>F
        <br/>
        <input type="radio" name="items" id="item7" value="g"/>G
        <br/>
        <input type="radio" name="items" id="item8" value="h"/>H
        <br/>
        <input type="submit" id="btn1">
    </form>
</body>
</html>
时间： 2024-11-11 14:15:32

jQuery获取及设置单选框实例介绍的相关文章

jquery获取自定义属性(attr和prop)实例介绍_jquery

$("form").attr("check"); $("form").prop("check"); 两种都可以,不过新版jquery推荐第二种,两个在其他方面都差不多,我发现的唯一不同就是在checkbox上的时候,需要用prop,不然IE浏览器会不兼容 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&

radio-js或jQuery设置单选框（性别选择）

问题描述 js或jQuery设置单选框(性别选择) 使用jQuery设置单选框(性别)的checked属性为true不能成功,但是js却可以,这是jQuery的bug吗? 解决方案 你是这么写的么.$('#..').attr('checked',true) 解决方案二: 不会的,可能跟你jquery的版本及写法有关,参考:http://www.zhidao91.com/jquery-attr-prop-deference/ 解决方案三: 引包了吗?选择器是否正确,name是否相同 解决方案四:

jQuery获取及设置表单input各种类型值的方法小结_jquery

本文实例讲述了jQuery获取及设置input各种类型值的方法.分享给大家供大家参考,具体如下: 获取一组radio被选中项的值 var item = $("input[@name=items]:checked").val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].s

jquery获取及设置outerhtml的方法

 这篇文章主要介绍了jquery获取及设置outerhtml的方法,实例分析了jQuery实现针对outerhtml操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jquery获取及设置outerhtml的方法.分享给大家供大家参考.具体分析如下: 在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuery.prop("outerHTML")的方式设置. 很多jQuer

jQuery获取和设置表单元素的方法

 本篇文章主要对jQuery获取和设置表单元素的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery提供了val()方法,使用它我们可以快速地获取和设置表单的文本框.单选按钮.以及单选按钮的值. 使用val()不带参数,表示获取元素的值 使用val()给定参数,则表示把值赋给元素   如下:     代码如下: //获取值 alert($("input#mytextbox").val()); alert($("select#mylist").v

iframe如何获取子窗口单选框的value

问题描述 iframe如何获取子窗口单选框的value iframe如何获取子窗口单选框的value iframe如何获取子窗口单选框的value iframe如何获取子窗口单选框的value iframe如何获取子窗口单选框的value iframe如何获取子窗口单选框的value iframe如何获取子窗口单选框的value 解决方案 http://blog.csdn.net/xing_sky/article/details/8519520 解决方案二: iframe和父页,window.o

浅析JQuery获取和设置Select选项的常用方法总结

本篇文章是对JQuery获取和设置Select选项的一些常用方法进行了汇总介绍,有需要的朋友可以参考一下   1.获取select 选中的 text: $("#cusChildTypeId").find("option:selected").text();  $("#cusChildTypeId option:selected").text() 2.获取select选中的 value: $("#ddlRegType ").va

用jQuery获取IE9下拉框默认值问题探讨

本文与大家详细探讨下用jQuery获取IE9下拉框默认值的问题,如果下拉框没有空默认值会怎么样等一系列问题,感兴趣的朋友可以参考下哈,希望对大家有所帮助   在IE 9.0.8112.16421 下,如果下拉框没有空默认值, 在不对它的option设置select属性情况下,用jquery的 $("#id").find("option:selected").val();方法 将无法取到他的默认值.而在FireFox.chrome.其他IE版本包括IE9的其他小版本下

jQuery获取与设置iframe高度的方法_jquery

本文实例讲述了jQuery获取与设置iframe高度的方法.分享给大家供大家参考,具体如下: 设置iframe的高度,iframe的高度由iframe中的页面高度决定. 1.首先获取到iframe中页面的高度: 复制代码 代码如下: var iframeHeight = $("#UpdateUserItem").contents().find("body").height(); 2.设置iframe的高度: $("#UpdateUserItem"