复选框与文本框传值问题

在checkbox上加个onchange事件，然后判断是选中的话就把值给加上，删除的话就把值给减去

解决方案 »

  1.   

    Easy, L@_@K<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> dhtml.checkbox.dynamicShowResult.html </title>
      <meta name="generator" content="editplus" />
      <meta name="author" content="[email protected]" />
      <meta name="keywords" content="javascript" />
      <meta name="description" content="for javascript of csdn region" />
     </head> <body>
    <table>
        <tr>
            <td><input type="checkbox" value="A" name="seName" />A</td>
            <td><input type="checkbox" value="B" name="seName" />B</td>
            <td><input type="checkbox" value="C" name="seName" />C</td>
            <td><textarea id="wbnr" rows="3"></textarea></td>
        </tr>
    </table>
    <script type="text/javascript">
    <!--
    function getCheckBoxListByName(strName)
    {
        var colInput = document.getElementsByTagName("input");
        var colChkList = new Object;
        colChkList.length = 0;
        for (var i=0; i<colInput.length; i++)
        {
            if (colInput[i].type.toLowerCase()=="checkbox"
                && colInput[i].name==strName)
            {
                colChkList[colChkList.length] = colInput[i];
                colChkList.length += 1;
            }
        }    return colChkList;
    }var oResult = document.getElementById("wbnr");
    var colChkList = getCheckBoxListByName("seName");
    for (var i=0; i<colChkList.length; i++)
    {
        colChkList[i].onclick = function() {
            oResult.value = "";
            var arrResult = new Array();
            for (var j=0; j<colChkList.length; j++)
            {
                if (colChkList[j].checked)
                {
                    arrResult[arrResult.length] = colChkList[j].value;
                }
            }
            oResult.value = arrResult.join(",");
        }
    }
    //-->
    </script>
     </body>
    </html>
      

  2.   

    哦学习长见识了
    我的网站 指点一下
    http://www.bework.com.cn
      

  3.   

    同意yixianggao(你我他，三人行必有我师焉！)
      

  4.   

    yixianggao高人啊！再请教一下，我的调用方式如下：
    但进入页面后需要点两次才有效，这是为什么？难道我调用方式不对？<table>
        <tr>
            <td><input type="checkbox" value="A" name="seName" onclick="selCheck()"/>A</td>
            <td><input type="checkbox" value="B" name="seName" onclick="selCheck()"/>B</td>
            <td><input type="checkbox" value="C" name="seName" onclick="selCheck()"/>C</td>
            <td><textarea id="wbnr" rows="3"></textarea></td>
        </tr>
    </table>
    <script type="text/javascript">
    <!--
    function getCheckBoxListByName(strName)
    {
        var colInput = document.getElementsByTagName("input");
        var colChkList = new Object;
        colChkList.length = 0;
        for (var i=0; i<colInput.length; i++)
        {
            if (colInput[i].type.toLowerCase()=="checkbox"
                && colInput[i].name==strName)
            {
                colChkList[colChkList.length] = colInput[i];
                colChkList.length += 1;
            }
        }    return colChkList;
    }function selCheck()//加了个函数名
    {
    var oResult = document.getElementById("wbnr");
    var colChkList = getCheckBoxListByName("seName");
    for (var i=0; i<colChkList.length; i++)
    {
        colChkList[i].onclick = function() {
            oResult.value = "";
            var arrResult = new Array();
            for (var j=0; j<colChkList.length; j++)
            {
                if (colChkList[j].checked)
                {
                    arrResult[arrResult.length] = colChkList[j].value;
                }
            }
            oResult.value = arrResult.join(",");
        }
    }
    }
    //-->
    </script>
      

  5.   

    yixianggao麻烦高人再指点一下！
      

  6.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT=""> </HEAD> <BODY>
    <form >
    <input type="checkbox" name="chk" value="A">A<br>
    <input type="checkbox" name="chk" value="B">B<br>
    <input type="checkbox" name="chk" value="C">C<br> <textarea id="text" rows="5" cols="10"></textarea>
    </form>   <script language="javascript">
    function fangfa()
    {
    var src=event.srcElement;
    var value=src.value;
    if (src.checked)
    {
    str+=value;
    }else{

    str=str.replace(value,"");

    } var arr=str.split("");
    var text=document.getElementById("text");
    text.value=arr.join(",").toString();
    } var str=new String();
    var tagarr=document.getElementsByTagName("input");
    for (var i=0;i<tagarr.length ;i++ )
    {
    tagarr[i].attachEvent("onclick",fangfa);
    }
      </script> </BODY>
    </HTML>
      

  7.   

    是中文的话 看看有没有什么分隔特征 
    再改改var arr=str.split("");这一句话就好了
      

  8.   

    A，B，C为数据库动态取值！为手工录入的！所以没有明显的分隔特征！