首页 > 代码库 > checkbox点击选中，再点击取消，并显示在文本框中

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

2024-07-06 08:29:20   231人阅读

 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);
            }
 }

页面：

      内容文件地址： <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>

 

 


联系
我们