简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

改变checkbox默认选中状态及取值的实现代码

来源:易贤网   阅读:1434 次  日期:2016-06-22 16:22:38

温馨提示:易贤网小编为您整理了“改变checkbox默认选中状态及取值的实现代码”,方便广大网友查阅!

下面小编就为大家带来一篇改变checkbox默认选中状态及取值的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。

<inputtype="checkbox"name="chk"value="1"val="1级">1级

<inputtype="checkbox"name="chk"value="2"checked="checked"val="2级">2级

<inputtype="checkbox"name="chk"value="3"val="3级">3级

1)设置1级和3级选中

2)获取选中的值,以‘,'分隔显示

更改默认状态:

$(":checkbox").attr("checked", function() {

 if ($(this).is(":checked")) {

  return false;

 } else {

  return true;

 }

 });

遍历取值:

$(":checkbox").click(function() {

var arrayValue = new Array();

$(":checkbox").each(function(){

if ($(this).is(":checked")) {

arrayValue.push($(this).val());

 }

 });

   arrayValue.join(",");

   alert(arrayValue);

 });

以上这篇改变checkbox默认选中状态及取值的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:Jquery实现select multiple左右添加和删除功能的简单实例
下一篇:JS加载器如何动态加载外部js文件
易贤网手机网站地址:改变checkbox默认选中状态及取值的实现代码
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!