码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-05-30 01:28:50      阅读:399      评论:0      收藏:0      [点我收藏+]

标签:c   style   class   blog   code   java   

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点击选中,再点击取消,并显示在文本框中

标签:c   style   class   blog   code   java   

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

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