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

<script src="js/jQuery.js"></script>

<script src="js/jquery.artDialog.js?skin=idialog"></script>

<!--js结束-->

<script>

//循环输出创建十个复选框

var chtml = "";

for (var i = 0; i < 10; i++) {

   chtml += "<div style='word-wrap:break-word; width:450px; '>";

   chtml += '<label style="float:left;padding:15px"><input type="checkbox" name="aaa" value="1" class="{required:true}" /><span style="margin-left:10px">小'+i+'</span></label>';

   chtml += "</div>";

}

//把得到字符串利用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增加一个只读  

</script>