码迷,mamicode.com
首页 > Web开发 > 详细

在html借助itemid存储信息

时间:2015-07-28 22:58:12      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:

背景:比如存在学生选择的CheckBox,希望在CheckBox中同时存储学生的姓名及其所在的城市,比如选择Lily所对应的CheckBox以后,可以获得Lily所在的城市“NewYork”。

html代码如下:

<input type="checkbox" id=@s.ID class="stuCheck" value=@s.Name itemid=@s.City onclick="whenStuChecked($(this))"/>

如上代码,s是一个Stu对象,由ID、Name、City和Age四个字段组成,在html代码中,由value来存储学生的姓名,itemid来存储学生所在的城市。

JS代码如下:

    function updateCheckedStus() {
        checkedStus = "";
        $("#tableStu").find("input.stuCheck").each(function () {
            if ($(this).attr("checked") == "checked") {
                checkedStus += $(this).attr("itemid") + " ";
            }
        });
        $("#checkedStu").text(checkedStus);
    }

如上代码,判断table中的每一个checkbox元素,如果被选中,更新checkedStus变量,显示在$("#checkedStu")元素中。

总结:itemid和其他html属性的赋值和取值的用法一致,在这里单独拿出来讲,是因为可以将该功能集成到如何根据集合动态构建复选框选择控件中。

在html借助itemid存储信息

标签:

原文地址:http://www.cnblogs.com/SharpL/p/4684491.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!