Javascript 在一个文本框中获取多个值时出现问题

Javascript 在一个文本框中获取多个值时出现问题,javascript,ajax,Javascript,Ajax,我有四个框,我想在一个文本中得到这些值,如果我点击一个框,然后在文本中得到一个值,如果我点击两个文本框,得到两个值,我还想用逗号分隔这些值 <li><a href="javascript:void(0)" onclick="check_stalls('A-14')" id="A-14">A-14</a></li> <li ><a href="javascript:void(0)" onclick="check_stal

我有四个框,我想在一个文本中得到这些值,如果我点击一个框,然后在文本中得到一个值,如果我点击两个文本框,得到两个值,我还想用逗号分隔这些值

<li><a href="javascript:void(0)"  onclick="check_stalls('A-14')"  id="A-14">A-14</a></li>
    <li ><a href="javascript:void(0)" onclick="check_stalls('A-13')" id="A-13">A-13</a></li>
    <li ><a href="javascript:void(0)" onclick="check_stalls('A-12')" id="A-12">A-12</a></li>
    <li ><a href="javascript:void(0)" onclick="check_stalls('A-11')" id="A-11">A-11</a></li>

<input type="text" name="selected_stals" id="selected_stals" />

function check_stalls(stalno)
{
    alert(stalno);

    document.getElementById(stalno).style.backgroundColor = "#FF0";

    var textbox = document.getElementsByName("selected_stals")[0];
var checkboxes = stalno;

alert(checkboxes);
for (var i = 0; i < checkboxes.length; i++) {
    var checkbox = checkboxes[i];
    checkbox.onclick = (function(chk){
        return function() {
            var value = "";
            for (var j = 0; j < checkboxes.length; j++) {
                if (checkboxes[j].checked) {
                    if (value === "") {
                        value += checkboxes[j].value;
                    } else {
                        value += "," + checkboxes[j].value;
                    }
                }
            }
            textbox.value = value;
        }
    })(textbox);
}  


}
  • 功能检查暂停(stalno) { 警报(斯达尔诺); document.getElementById(stalno.style.backgroundColor=“#FF0”; var textbox=document.getElementsByName(“所选文件”)[0]; var复选框=stalno; 警报(复选框); 对于(变量i=0;i
    我尝试使用类似于复选框的方法,但它不起作用…

    您在帖子上标记了“jquery”,因此假设您使用jquery,并且假设我正确理解您,我会这样处理它:

    <ul id="boxes">
       <li><a href="#" id="A-14">A-14</a></li>
       <li><a href="#" id="A-13">A-13</a></li>
       <li><a href="#" id="A-12">A-12</a></li>
       <li><a href="#" id="A-11">A-11</a></li>
    </ul>
    
    <input type="text" name="selected_stals" id="selected_stals" />
    
    这是。

    HTML

    <ul><li><a href="#"  id="A-14">A-14</a></li>
        <li ><a href="#" id="A-13">A-13</a></li>
        <li ><a href="#" id="A-12">A-12</a></li>
        <li ><a href="#" id="A-11">A-11</a></li></ul>
    
    <input type="text" name="selected_stals" id="selected_stals" />
    


    如果你想要的话,希望如此。

    请在问题中添加你的check\u stalls方法,以便我们可以查看/修改你已经尝试过的内容。这很有用,谢谢,但是如果我只想添加任意三个值,那么我要做什么……请帮助我更多……我不明白你真正想要做什么。请再解释一遍,具体一点,我看看我能不能帮你!有四个li,但我只想得到任何三个li的值,不超过三个
    <ul><li><a href="#"  id="A-14">A-14</a></li>
        <li ><a href="#" id="A-13">A-13</a></li>
        <li ><a href="#" id="A-12">A-12</a></li>
        <li ><a href="#" id="A-11">A-11</a></li></ul>
    
    <input type="text" name="selected_stals" id="selected_stals" />
    
    $(function(){
        $('a').click(function(){
            var val = $(this).text();
            var text = $('#selected_stals').val();
            var newText = val;
            if(text != ""){
                newText += "," + text;
            }
            $('#selected_stals').val(newText);
        });
    })