Jquery操作Radio

最新推荐文章于 2021-06-28 11:21:19 发布
最新推荐文章于 2021-06-28 11:21:19 发布
阅读量399 收藏
点赞数
分类专栏： Jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/memorylose/article/details/50155937
版权 
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>

    <script>
        function setSelectUserNo(radioObj) {

            var radioCheck = $(radioObj).val();
            if (radioCheck == "1") {
                $(radioObj).attr("checked", false);
                $(radioObj).val("0");
                $('#radSame').prop('checked', '');
                $('#radNext').prop('checked', '');
                $('#radRegular').prop('checked', '');
                $('#radSame').prop('value', '0');
                $('#radNext').prop('value', '0');
                $('#radRegular').prop('value', '0');
            } else {
                $(radioObj).val("1");
                $('#radSame').prop('checked', 'checked');
                $('#radNext').prop('checked', 'checked');
                $('#radRegular').prop('checked', 'checked');
                $('#radSame').prop('value', '1');
                $('#radNext').prop('value', '1');
                $('#radRegular').prop('value', '1');
            }
        }

        function CheckRadio(radioObj) {
            
            var radioCheck = $(radioObj).val();
            if (radioCheck == "1") {
                $(radioObj).attr("checked", false);
                $(radioObj).val("0");
            } else {
                $(radioObj).val("1");
            }
            var index = 0;
            $('#divId input[type="radio"]').each(function () {
                var radioValue = $('input:radio[id=' + this.id + ']:checked').val();
                if (radioValue != null) {
                    index++;
                }
            });
            if (index == '3') {
                $('#rdAll').prop('checked', 'checked');
                $('#rdAll').prop('value', '1');

            }
            else {
                $('#rdAll').prop('checked', '');
                $('#rdAll').prop('value', '0');
            }
        }
    </script>
</head>
<body>
    <div style="height: 30px;">
        <div style="float: left; width: 5%; padding-top: 2%; margin-right: 3%;">
            <input type="radio" id="rdAll" name="rdAll" οnclick="setSelectUserNo(this);" />
        </div>
        <div style="float: left; padding-top: 1%; margin-right: 3%;">
            Give me everything
        </div>
    </div>
    <br />
    <div style="height: 30px;" id="divId">
        <div style="float: left; width: 5%; padding-top: 2%; margin-right: 3%;">
            <input type="radio" value="0" id="radSame" name="radSame" οnclick='CheckRadio(this)' />
        </div>
        <div style="float: left; padding-top: 1%; margin-right: 3%;">
            Same day
        </div>
        <div style="float: left; width: 5%; padding-top: 2%; margin-right: 3%;">
            <input type="radio" value="0" id="radNext" name="radNext" οnclick='CheckRadio(this)' />
        </div>
        <div style="float: left; padding-top: 1%; margin-right: 3%;">
            Next day
        </div>
        <div style="float: left; width: 5%; padding-top: 2%; margin-right: 3%;">
            <input type="radio" value="0" id="radRegular" name="radRegular" οnclick='CheckRadio(this)' />
        </div>
        <div style="float: left; padding-top: 1%; margin-right: 3%;">
            Regular
        </div>
    </div>
</body>
</html>

Apocalypse
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery操作radio的简单实例
10-26
本篇文章主要介绍了Jquery操作radio的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助
利用jquery操作Radio方法小结
12-01
Radio按钮常用于实现单选选择功能，以下是对利用jQuery操作Radio的一些常见方法的总结： 1. **改变Radio的选择并触发事件**： 当用户改变Radio的选中状态时，可以绑定`change`事件来执行特定的操作。例如，当用户...
jquery获取和设置radio,check,select选项（转）
weixin_34061042的博客
03-09 164
select控件选项 1,获取select选中的value值       $("#selectID").val(); 2,获取select选中的text的值  $("#selectID").find("option:selected").text() 3,设置select的第几项为当前选中项 $("#selectID").attr("value",2);//设置第二项为当前选中项 ...
jquery radio checkBox操作（转）
taiyuanbj的博客
11-04 138
[code="js"] radio 1. $("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值 2. $("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发 3. $("#text_id").blur(function(){...
jQuery给check,radio赋值
weixin_33834910的博客
11-30 144
很多时候，表单中的复选框，单选框，下拉单。在显示数据的时候，经常要用许多重复的代码才能实现。有了jQuery，这一切都变得简单. 用jQuery实现已选的栏目. 代码 $("input[@name=degree][@value={$joinuser.degree}]").attr("checked",true);$joinuser.degree为数据库存的value值 插入数据库的...
jquery操作select radio check
jwfdpfangdongping的专栏
02-01 119
jQuery获取Select选择的Text和Value:语法解释：1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var ...
JQuery判断radio单选框是否选中
u014752421的博客
07-31 1235
摘要 在开发中我们往往需要对某单选框或复选框的选中状态做判断,看了看网上有的写的好麻烦好麻烦，最标准的也是最简单就是用is()来进行判断 raido checkbox Jquery Js 在开发中我们往往需要对某单选框或复选框的选中状态做判断,看了看网上有的写的好麻烦好麻烦，最标准的也是最简单就是用is()来进行判断： Jquery版本，请确保你已经导入jquery：
Jquery操作radio,checkbox,select表单操作实现代码
10-29
本篇文章将详细讲解如何使用jQuery来操作radio、checkbox和select这三个常见的表单元素。 一、Radio（单选按钮）操作 jQuery操作单选按钮（radio）主要涉及选取状态的读取与设置。例如，如果有一组同名的radio按钮...
jquery获取和设置radio,check,select选项
jazywoo_在路上
12-05 1035
jQuery获取Select选择的Text和Value:   请选择 C#  Javascript jQuery  C++ Java  VB  选择一项试试看 语法解释： 1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_i
JQuery中Radio、CheckBox的用法简记
zp19860529的博客
03-07 259
一、Radio的赋值与取值 示例：一定要注意赋值时的数据格式 //设置Radio的值 $("#setRBtn").click(function(){ $(":radio").val(["女"]); //等同于$(":radio[value=女]").attr("checked",true); //$(":radio[value=女]").attr("check...
简单实用的Radio check
ukiss的专栏
04-18 737
   New Document    function chkThis(){  var obj = document.form1.chk;  //none radio  if("undefined" == obj || null == obj){   alert("there is not a radio");  }else{      //only one radio   if("undefi
html radio check
weixin_30650859的博客
12-26 155
{% if classes|count > 1 %} <div class="class_checkbox" id="class_checkbox"> <label class="class_checkbox_button"> <input type="radio" name="classes" val...
Radio 和 check 控件
kylin_fire_zeng的专栏
12-22 783
原创：kylin_zeng  http://blog.chinaunix.net/uid/23795897.html在此感谢mars 老师的帮助, 转载请注明原创出处，尊重他人的劳动成果。 1、radioGroup:  这个组只能选择其中一个。   android:id="@+id/genderGroup"     android:layout_width="wrap_content
radio,check美化
weixin_30902251的博客
08-05 86
单选框与复选框原生控件美化有多种解决方案,现在采用经典的input+label的方式自己实现一种 思路: input和label通过id和for属性关联,点击label时,input选中状态改变 透明化input,并且绝对定位,脱离文档流,不影响label空间占用 label包含一个b元素用于模拟单选和复选的框框 使用b元素的伪类,"画出"单选和复选的勾和圆点 利用input:ch...
Radio Button，Check Box ，Toggle Button的触发
__tian__的博客
12-27 576
 点击对应的控件时，显示最大值，取消选中时，显示最小值。 1.首先拖入对应的控件。双击，查看对应的属性 2.进入回调函数  其余两个控件操作相似。...
按钮比如radio、check按钮状态的获得和设置的问题
hxh129的专栏
01-07 5513
VC++之Button控件    按钮窗口（控件）在MFC中使用CButton表示，CButton包含了三种样式的按钮，Push Button，Check Box，Radio Box。所以在利用CButton对象生成按钮窗口时需要指明按钮的风格。 创建按钮：BOOL CButton::Create( LPCTSTR lpszCaption, DWORD dwStyle, const RE
html单选按钮check,CSS模拟radio单选框check复选框
weixin_42347375的博客
06-28 642
表单中的一些控件，如radio单选框、checkbox复选框在各个浏览器下表现的很不一样，有的实在是丑的没话说，非常好的设计往往就败在了这些玩意上。设计狮看不下去了，在一些高大上的设计稿中，就把一些表单元素被设计的很 beautiful，很 biger。等等，设计的大哥大姐们，你们考虑过我们这些小前端的感受不？input 文本框这些还好，CSS能控制，可是radio、checkbox这些元素我们控...
JQuery radio（单选按钮）操作方法汇总
蓝天
11-17 5994
由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上。 1.获取选中值，三种方法都可以： $('input:radio:checked').val()； $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值： $('input:radio:first').attr('checked', 'checked.
Jquery选中radio
蚂蚁的技术总结
10-07 3804
使用 :radio 、 [attribute=value] 选择器 选择器：:radio 实例：$(":radio") 结果：选择所有 type="radio" 的 元素 选择器：[attribute=value] 实例：$("[href='#']") 结果：选择所有 href 属性的值等于 "#" 的元素 两个选择器组合使用 例： 表单中用性别字段 男
jquery设置radio只读
最新发布
06-13
在jQuery中，要设置单选按钮（radio）为只读状态，你可以使用`attr()`方法来改变`disabled`属性。`disabled`属性用于禁用HTML元素，包括radio按钮。下面是设置单个radio按钮为只读的示例： ```javascript // 选择某个radio按钮 var radioElement = $('#your-radio-button-id'); // 设置为只读 radioElement.attr('disabled', 'disabled'); ``` 如果你想要批量操作多个radio按钮，可以遍历它们并调用相同的`attr()`方法： ```javascript // 获取所有的radio按钮 var radios = $('input[type="radio"]'); // 遍历并设置为只读 radios.each(function() { $(this).attr('disabled', 'disabled'); }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值