欧洲杯买球下注盘口jQuery切换所有复选框选中状态的方法

本文实例讲述了jQuery切换所有复选框选中状态的方法。分享给大家供大家参考。具体如下:

本文实例讲述了JQuery控制Radio选中方法。分享给大家供大家参考。具体如下:

这段代码非常简单实用,通过链接切换所有checkbox是否选中

方法1:

var tog = false;
// or true if they are checked on load 
 $('a').click(function() { 
  $("input[type=checkbox]").attr("checked",!tog); 
 tog = !tog; 
 });
$(function () { 
  $("#spanNan").click(function () { 
  $("#Radio1").attr("checked", true); 
  $("#Radio2").attr("checked", false); 
  });
  $("#spanNv").click(function () {
  $("#Radio2").attr("checked", true);
  $("#Radio1").attr("checked", false);
  });
})

希望本文所述对大家的jquery程序设计有所帮助。

方法2:(简单方法)

您可能感兴趣的文章:

  • JQuery判断checkbox是否选中及其它复选框操作方法合集
  • JQuery控制Radio选中方法分析
  • jquery判断单选按钮radio是否选中的方法
  • JQuery控制radio选中和不选中方法总结
  • JQuery判断radio(单选框)是否选中和获取选中值方法总结
  • jquery实现动态操作select选中
  • jQuery使用元素属性attr赋值详解
  • 在页面加载完成后通过jquery给多个span赋值
  • jQuery
    取值、赋值的基本方法整理
  • Jquery为a标签的href赋值实现代码
  • jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
$(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切换所有复选框选中状态的方法
  • JQuery判断checkbox是否选中及其它复选框操作方法合集
  • jquery判断单选按钮radio是否选中的方法
  • JQuery控制radio选中和不选中方法总结
  • JQuery判断radio(单选框)是否选中和获取选中值方法总结
  • jquery实现动态操作select选中
  • jQuery使用元素属性attr赋值详解
  • 在页面加载完成后通过jquery给多个span赋值
  • jQuery
    取值、赋值的基本方法整理
  • Jquery为a标签的href赋值实现代码
  • jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法

相关文章