checkbox批量选中,获取选中项的值的简单实例_jquery_脚本之家

作者:运维知识    发布时间:2019-12-11 14:14     浏览次数 :

[返回]

checkbox批量选中,获取选中项的值的简易实例

JQuery调控Radio选中艺术深入分析,jquery调节radio选中

正文实例汇报了JQuery调节Radio选中艺术。分享给我们供大家参照他事他说加以侦查。具体如下:

方法1:

$(function () { 
  $("#spanNan").click(function () { 
  $("#Radio1").attr("checked", true); 
  $("#Radio2").attr("checked", false); 
  });
  $("#spanNv").click(function () {
  $("#Radio2").attr("checked", true);
  $("#Radio1").attr("checked", false);
  });
})

办法2:(简单方法)

$(function () {
  $("#spanNan").click(function () {
  //$("#Radio1").attr("checked", true);
  //$("#Radio2").attr("checked", false);
  $("#Radio1").click();
  });
  $("#spanNv").click(function () {
  //$("#Radio2").attr("checked", true);
  //$("#Radio1").attr("checked", false);
  $("#Radio2").click();
  });
})

<input id="Radio2" type="radio" name="sex"/>
<label for="Radio2">女</label>

总结:

HTML的Radio控件若要完成单选,比如本例中男女的接纳,供给给Radio加多name属性,且值相仿;例:name=“sex”。

私下认可选上radio:

jQuery(document).ready(function(){
  $("input[name=targetBlank]:eq(0)").attr("checked",'checked');
  $("input[name=status]:eq(0)").attr("checked",'checked');
});

利用jquery获取radio的值,最重大的是通晓jquery选取器的施用,在二个表单中我们布衣蔬食是要博得被选中的充裕radio项的值,所以要加checked来挑选,比方有以下的风度翩翩对radio项:

1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值
2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值
3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值

要想博得某些radio的值有以下的两种格局,直接提交代码:

$('input[name="testradio"]:checked').val();

$('input:radio:checked').val();

$('input[@name="testradio"][checked]');

$('input[name="testradio"]').filter(':checked');

基本上挺全的了,假诺大家要遍历name为testradio的持有radio呢,代码如下

$('input[name="testradio"]').each(function(){alert(this.value);});

若是要取具体某些radio的值,比方第贰个radio的值,这样写

<script type="text/javascript">
$(document).ready(function(){
  $("input[@type=radio][name=sex][@value=1]").attr("checked",true);
}); 
</script>

你的性别:

<input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男 
<input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女 

意在本文所述对咱们的jQuery程序设计有着补助。

本文实例叙述了JQuery调整Radio选中艺术。分享给咱们供大家参照他事他说加以侦察。具体如下: 方法1: $(fun...

应用jquery获取被选中checkbox复选框的值,jquerycheckbox

运用jquery获取被选中checkbox复选框的值:
checkbox是非同小可的表单成分,在无数多项选用中应用,上面就经过代码实例介绍一下怎么着获取复选框中全体被入选项的值,希望能够给急需的爱人带给一定的有倾囊相助。
代码如下:

 

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(function(){ 
  var theArray=[];
  $("#btn").click(function(){ 
    $("input[name=ckb]:checked").each(function() { 
      theArray.push($(this).val());
    });
    alert(theArray);
  })
}) 
</script>
</head>
<body>
<div>
  <input type="checkbox" name="ckb" value="蚂蚁部落一"/>蚂蚁部落一
  <input type="checkbox" name="ckb" value="蚂蚁部落二"/>蚂蚁部落二
  <input type="checkbox" name="ckb" value="蚂蚁部落三"/>蚂蚁部落三
  <input type="button" id="btn" value="取值"/>
</div>
</body>
</html>

 

上述代码特别的简短这里就十分的少介绍了,能够参见相关阅读。
有关阅读:
1.click平地风波能够参考jQuery的click事件生龙活虎章节。 
2.each(卡塔尔函数能够参见jQuery的each(卡塔尔(قطر‎方法生龙活虎章节。 
3.push(卡塔尔(英语:State of Qatar)函数能够参阅javascript的Array对象的push(卡塔尔(英语:State of Qatar)方法生龙活虎章节。 
4.val(卡塔尔(英语:State of Qatar)函数能够参照jQuery的val(卡塔尔(قطر‎方法生机勃勃章节。 

初藳地址是:

更加的多内容能够参见:

 

使用jquery获取被选中checkbox复选框的值: checkbox是器重的表单成分,在广好些个项接收中使...

  Document    ID

name

age

Country

1