jQuery 常用方法获取 radio、checkbox、select 选中值（jquery获取选中的radio值）

25-04-07 4

如果您想了解jQuery常用方法获取radio、checkbox、select选中值的相关知识，那么本文是一篇不可错过的文章，我们将对jquery获取选中的radio值进行全面详尽的解释，并且为您提供

如果您想了解jQuery 常用方法获取 radio、checkbox、select 选中值的相关知识，那么本文是一篇不可错过的文章，我们将对jquery获取选中的radio值进行全面详尽的解释，并且为您提供关于checkbox、radio使用jquery改变状态、JQuery Checkbox 获取多选值 Checkbox选中个数、jquery checkbox,radio是否选中的判断代码_jquery、jquery checkbox获取和设置选中值的一些操作的有价值的信息。

本文目录一览：

jQuery 常用方法获取 radio、checkbox、select 选中值（jquery获取选中的radio值）
checkbox、radio使用jquery改变状态
JQuery Checkbox 获取多选值 Checkbox选中个数
jquery checkbox,radio是否选中的判断代码_jquery
jquery checkbox获取和设置选中值的一些操作

jQuery 常用方法获取 radio、checkbox、select 选中值（jquery获取选中的radio值）

//获取单选按钮选中值
function getRadioValByName(name){
    return $("input[name=''"+name+"'']:checked").val();
}
//获取下拉列表选中值
function getSelectValByName(name){
    return $("select[name=''"+name+"''] option:selected").val();
}
//获取复选框选中值 ，多个值用|隔开
function getCheckboxValByName(name){ 
  var chk_value ='''';    
  $(''input[name="''+name+''"]:checked'').each(function(){
      if(chk_value == ''''){
          chk_value = $(this).val();
      }else{
          chk_value = chk_value+''|''+$(this).val();
      }
  });    
  return chk_value;
}

以上三个函数都是很据 name 取选中值的。

checkbox、radio使用jquery改变状态

	    $('input[type=checkBox]:checked').each(function(index,elem){
	        	
	    	$(elem).attr("checked",false);
	    });
	    $('input[type=radio]:checked').each(function(index,elem){
	    	$(elem).attr("checked",false);
	    });

JQuery Checkbox 获取多选值 Checkbox选中个数

1、获取checkbox选中个数

$("input[name=''ckb-jobid'']:checked").length
$("input[type=''checkbox'']:checked").length;

2、获取选中的值

//批量处理
$(''#batchUpdate'').on("click", function () {
    var str = "";
    $("input[name=''ckb-jobid'']:checked").each(function (index, item) {
        
        if ($("input[name=''ckb-jobid'']:checked").length-1==index) {
            str += $(this).val();
        } else {
            str += $(this).val() + ",";
        }  
    });
});

jquery checkbox,radio是否选中的判断代码_jquery

1：判断radio

复制代码代码如下:

var selected = $(''input[name=selectid:checked]'').val();//若未被选中则val() = null
if(selected == null){
alert("未选中！");
}else{
alert("选中！");
}

2：判断checkbox

复制代码代码如下:

jquery checkbox获取和设置选中值的一些操作

<input type="checkbox" name="ck">php
<input type="checkbox" name="ck">mysql
<input type="checkbox" name="ck">jquery
<input type="checkbox" name="ck">java

登录后复制

1. 获取单个checkbox选中项：

$("input:checkbox:checked").val() 
或者 
$("input:[type=''checkbox'']:checked").val(); 
或者 
$("input:[name=''ck'']:checked").val();

登录后复制

2. 获取多个checkbox选中项：

$(''input:checkbox'').each(function() { 
if ($(this).attr(''checked'') ==true) { 
alert($(this).val()); 
} 
});

登录后复制

3. 设置第一个checkbox 为选中值：

$(''input:checkbox:first'').attr("checked",''checked''); 
或者 
$(''input:checkbox'').eq(0).attr("checked",''true'');

登录后复制

4. 设置最后一个checkbox为选中值：

$(''input:checkbox:last'').attr(''checked'', ''checked''); 
或者 
$(''input:checkbox:last'').attr(''checked'', ''true'');

登录后复制

5. 根据索引值设置任意一个checkbox为选中值：

$(''input:checkbox'').eq(索引值).attr(''checked'', ''true'');索引值=0,1,2.... 
或者 
$(''input:checkbox'').slice(1,2).attr(''checked'', ''true'');

登录后复制

6. 选中多个checkbox：
同时选中第1个和第2个的checkbox：

$(''input:checkbox'').slice(0,2).attr(''checked'',''true'');

登录后复制

7. 根据Value值设置checkbox为选中值：

$("input:checkbox[value=''1'']").attr(''checked'',''true'');

登录后复制

8. 删除Value=1的checkbox：

$("input:checkbox[value=''1'']").remove();

登录后复制

9. 删除第几个checkbox：

$("input:checkbox").eq(索引值).remove();索引值=0,1,2....

登录后复制

如删除第3个checkbox:

$("input:checkbox").eq(2).remove();

登录后复制

10.遍历checkbox：

$(''input:checkbox'').each(function (index, domEle) { 
//写入代码 
});

登录后复制

11.checkbox全部选中

$(''input:checkbox'').each(function() { 
$(this).attr(''checked'', true); 
});

登录后复制

12.checkbox全部取消选择：

$(''input:checkbox'').each(function () { 
$(this).attr(''checked'',false); 
});

登录后复制

我们今天的关于jQuery 常用方法获取 radio、checkbox、select 选中值和jquery获取选中的radio值的分享已经告一段落，感谢您的关注，如果您想了解更多关于checkbox、radio使用jquery改变状态、JQuery Checkbox 获取多选值 Checkbox选中个数、jquery checkbox,radio是否选中的判断代码_jquery、jquery checkbox获取和设置选中值的一些操作的相关信息，请在本站查询。

本文标签：