程序博客网 > 网络测试仪品牌

WEB中checkbox的使用简单的总结

来源：互联网发布：网络测试仪品牌编辑：程序博客网时间：2024/05/17 06:13

使用到了简单的总结一下，要是有那个地方写的不好或者有待改进，请大家指点一下。

1 点击checkbox 事件把值放到文本框里

1）checkbox 多选，文本框放入多个值

js ：

<script type="text/javascript">
function a(cb){
    var ids= document.getElementsByName("orgs");
    var str="";
    for(var i=0;i<ids.length;i++){

           if(ids[i].checked){
    str+=ids[i].value+",";
    document.getElementById("ok").value=str;
   }
}
}
</script>

jsp：

<%
List listYear = new ArrayList();
listYear.add("山东国资委");
listYear.add("北京国资委");
listYear.add("上海国资委");
%>
<body>
<form action="login.jsp">
<input type="text" name = "ok" id = "ok"/>
<input type="submit" name="permission" value="选择" />
</form>

<table>
<tr>
<td>选择</td>
<td>机构编码</td>
<td>机构名称</td>
</tr>
<%
for(int i=0;i<listYear.size();i++){
%>
<tr>
<td><input id="org" type="checkbox" name="orgs" value="<%=listYear.get(i).toString()%>" onclick="javascript:a(this);"></td>
<td></td>
<td><%=listYear.get(i).toString()%></td>
</tr>
<%
}
%>
</table>
</body>

2) checkbox 单选并把获得的值放入文本框里如下：

更改如上其他不改： js

<script type="text/javascript">
function a(cb){
    var ids= document.getElementsByName("orgs");
    var str="";
    for(var i=0;i<ids.length;i++){
        //判断ids集合中的i元素是否为cb，若否则表示未被勾选
         if (ids[i]!=cb) ids[i].checked = false;
            //若是但原先未被勾选則变成勾选；反之则为未勾选
             else ids[i].checked = cb.checked;

//若要至少勾选一个的話，则把上面那行else拿掉，换用下面那行
// else obj[i].checked = true;

// 把获得的值赋给相应的文本框
           if(ids[i].checked){
       str=ids[i].value;
        document.getElementById("ok").value=str;
   }
}
}
</script>

网络测试仪品牌

网络测试仪品牌

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子十五画的字有哪些十五字名人名言十五笔画的字中铁十五局一公司中铁十五局城建公司中国水电十五局中铁十五局四公司中铁十五局集团物资有限公司中铁十五局五公司中国水电十五局怎么样中铁十五局狄倩倩照片中铁十五局路桥建设有限公司中国水电五局中铁二十五局集团中铁二十五局集团有限公司中铁五局集团有限公司中建五局安装工程有限公司中建五局校园招聘中铁五局建筑公司中铁五局五公司莫斌为什么离开五局 15年前我十五15年后我多少岁娇妻十五岁初次进入十五岁女生十五岁男生发育图片十五岁的女儿重返十五岁之小娇重回十五岁十五岁帅哥一天三次飞机重返十五岁香朵儿十岁到十五岁女孩图片重返十五岁之小娇妻我十五岁肉变全村阿姨十五岁半十五岁好多水十五岁男孩标准身高初次进入十五岁女孩真紧视十五岁孩子还吃母乳父亲玩十五岁女儿十五岁我和黄姨重返十五岁