在线报名系统开发 php+mysql程序开发

微信、手机号码:18012098617 QQ:2373311510
当前位置:首页 > 程序详细介绍

Js动态添加复选框Checkbox

发布时间:2018-10-13 浏览次数:

js代码:

<script language="JavaScript">
    function changeselect1(locationid) {

        var m_str = locationid;
        var ts = locationid.split("|")[1];

        var mydiv = document.getElementById("mydiv");
        $("#mydiv").empty();
        for (i = 1; i <= ts; i++) {
            var oCheckbox = document.createElement("input");
            var myText = document.createTextNode("第" + i + "台");
            oCheckbox.setAttribute("type", "checkbox");
            oCheckbox.setAttribute("value", i);
            oCheckbox.setAttribute("name", "ts[]");
            mydiv.appendChild(oCheckbox);
            mydiv.appendChild(myText);
        }
    }
</script>

html代码:

<tr bgcolor="#FFFFFF">
  <td align="right">比赛项目:</td>
  <td>
    
    <select name="item" id="item" onChange="changeselect1(this.value)">
      <option value="">请选择</option>
      <?php $sql="select * from  `{$table}item`" ; $r_se=$ db->getAll($sql); foreach($r_se as $vo) { ?>
        <option value="<?php echo $vo['id'] ?>|<?php echo $vo['ts'] ?>" <?php if ($row[ 'item']==$vo[ 'id']) echo 'selected' ?>>
          <?php echo $vo[ 'name'] ?></option>
        <?php } ?></select>&nbsp;
    <font color="red">*</font></td>
</tr>
<tr bgcolor="#FFFFFF">
  <td align="right">台数:</td>
  <td>
    <div id="mydiv">
      <?php if ($row[ 'ts']){ $r=e xplode( ',',$row[ 'ts']); foreach($r as $v){ echo "<input type=\"checkbox\ " name=\"ts[]\ " value=\" ".$v."\ " checked>第".$v. "台"; } } ?></div>
  </td>
</tr>