jquery复选框点击checkbox添加或删除text输入框value值-插件特效-星河码客

主要js//循环输出创建十个复选框var chtml = "";for (var i = 0; i < 10; i++) { chtml += "

"; chtml += '小'+i+''; chtml += "

";}//把得到字符串利用jquery添加到元素里面生成checkbox$("#selectlxr").html(chtml);//创建一个 dialog弹出框(第三方插件有兴趣可以看下超赞的一款插件 http://www.planeart.cn/demo/artDialog/) 把创建好的弹出框隐藏起来var dia = $.dialog( { title: "选择联系人", width: "500px", content: $("#selectlxr").html(), close: function () { this.hide(); return false; }, follow: document.getElementById("jieshouren") } ).hide();//点击显示$("#jieshouren").click(function () { dia.show();})//事件获取checkbox点击时候的父元素的值添加到text 如果点击收的选中状态为checked 则添加否则删除$("input[type=checkbox]").click(function () { try { if ($(this).attr("checked")) { $("#jsrtxt").val($("#jsrtxt").val() + $(this).parent().text() + ";"); } else { $("#jsrtxt").val($("#jsrtxt").val().replace($(this).parent().text() + ';', "")); } } catch (e) { $("#jsrtxt").val(""); }})//初步测试暂无小bug 可以为text增加一个只读

jquery复选框点击checkbox添加或删除text输入框value值

在线演示积分下载 6毛下载砍两刀下载

文件目录······

暂无数据

猜你喜欢更多»