Jquery操作radio和checkbox

- 日理万妓 2022-03-02 06:00 178阅读 0赞

### 1.获取radio或者checkbox的选中的值 ###

<div>
            <label><input name="flut" type="radio" value="1"> 苹果</label>
            <label><input name="flut" type="radio" value="2"> 橘子</label>
            <label><input name="flut" type="radio" value="3"> 香蕉</label>
            <label><input name="flut" type="radio" value="4"> 葡萄</label>
    </div>
    
    <div>
            <label><input name="flut" type="checkbox" value="1"> 苹果</label>
            <label><input name="flut" type="checkbox" value="2"> 橘子</label>
            <label><input name="flut" type="checkbox" value="3"> 香蕉</label>
            <label><input name="flut" type="checkbox" value="4"> 葡萄</label>
    </div>

获取radio或者checkbox的选中的值

//这种方式同时适用于radio和checkbox
    $.each($("input[name='flut']:checked"),function(){
          console.log('check',$(this).val());
    })
    
    //如果确定是radio,也可以使用下面的方式
    $("input[name='flut']:checked").val();

### 2.已有的值回显到页面 ###

var str = '2,3,4';
    var c = str.split(",");
    $.each(c,function(){
         $("input[name='flut'][value='"+this+"']").attr("checked",true);
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，178人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery操作radio元素

在Web中、Radio这个Input使用的频率比较高、就关系到 radio 控件在Jquery中的操作问题，现在我是这样选中和不选中Radio的、下面是选中性别为例贴上选中以及

蔚落/ 2022年08月19日 11:28/ 0 赞/ 121 阅读

相关 jquery的checkbox,radio,select常用用法

1、checkbox日常jquery操作。 -------------------- 以下面的html为例进行checkbox的操作 <input id="c

╰+攻爆jí腚メ/ 2022年07月24日 10:28/ 0 赞/ 137 阅读

相关 Jquery选择器操作select、checkbox、radio

每次需要操作一些select，checkbox、radio元素的时候，都还要在网上查一下。现在先做个小的总结。一：Jquery操作select： 1.判断select选项

淩亂°似流年/ 2022年07月13日 08:59/ 0 赞/ 165 阅读

相关 jQuery操作：input、radio、checkbox、select

jQuery 操作 radio 文本 <input type="radio" value="0" name="sex" id="male"/>男

分手后的思念是犯贱/ 2022年05月27日 03:49/ 0 赞/ 117 阅读

相关 jquery radio checkbox 选中失效

用jquery选中单选框或者多选框时，通常用attr("checked","true")来处理，这在之前是没有问题的(jquery1.6版本前)。在一次工作中，用attr()总

待我称王封你为后i/ 2022年04月17日 03:08/ 0 赞/ 257 阅读

相关 html自定义checkbox radio select —— checkbox radio篇

前些日子，所在公司项目的UI做了大改，前端全部改用 [Bootstrap][] 框架，Bootstrap的优缺点在此就不详述了，网上一大堆相关资料。前端的设计就交给我和另一

深藏阁楼爱情的钟/ 2022年03月18日 11:58/ 0 赞/ 255 阅读

相关超棒的页面checkbox和radio美化jQuery类库 - iCheckbox

日期：2013-4-14 来源：[GBin1.com][] ![超棒的页面checkbox和radio美化jQuery类库 - iCheckbox][checkbox_ra

秒速五厘米/ 2022年03月02日 10:50/ 0 赞/ 170 阅读

相关 Jquery操作radio和checkbox

1.获取radio或者checkbox的选中的值 <div> <label><input name="flut" type="radio"

- 日理万妓/ 2022年03月02日 06:00/ 0 赞/ 179 阅读

相关 jQuery-对Radio/CheckBox的操作集合

Query获取Radio选择的Value值: jQuery C\ VB C++ Java jQuery设置Radio的Value值:

朱雀/ 2022年01月22日 23:37/ 0 赞/ 207 阅读

相关 jquery radio,select相关操作

Radio ![6e3170d1-a0ea-3a86-8add-a1eb66d68c23.jpg][] 1.获取选中值，三种方法都可以： $('input:ra

分手后的思念是犯贱/ 2021年12月05日 17:53/ 0 赞/ 272 阅读