首页 > 其他 > 详细

checkbox点击选中,再点击取消,并显示在文本框中

时间:2014-05-30 01:29:24      阅读:674      评论:0      收藏:0      [点我收藏+]
bubuko.com,布布扣
 function checkItem(e,itemId) {
            var item = document.getElementById(itemId);
            var $items = $(item);
            if (e.checked) {
                var checkval = $items.val();
                var str = $("#txtFilePath").val() + checkval;
                $("#txtFilePath").val(str);
            }
            else {                
                var a = "";
                $(‘input[type="checkbox"]:checked‘).each(
                              function () {
                                  a = a + $(this).val();
                              }
                          );
                $("#txtFilePath").val(a);
            }
 }
bubuko.com,布布扣

页面:

bubuko.com,布布扣
      内容文件地址: <input id="CheckboxHTML" type="checkbox" name="checkbox" value="HTML" onclick="checkItem(this, ‘CheckboxHTML‘)" />HTML <input id="CheckboxText" type="checkbox" value="Text" onclick="    checkItem(this, ‘CheckboxText‘)" /> Text
                    <textarea id="txtFilePath" style="width:321px; height:120px;"></textarea>
bubuko.com,布布扣

 

 

checkbox点击选中,再点击取消,并显示在文本框中,布布扣,bubuko.com

checkbox点击选中,再点击取消,并显示在文本框中

原文:http://www.cnblogs.com/kennyliu/p/3757943.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!