-1

每次选中复选框时，都会调用以下函数。我的问题是我需要另一个函数来清除此处所有可用的数据。

先解释一下我的问题：

该程序的概念是用复选框值更新文本框 - 如果选中两个复选框，则文本框将有两个值，依此类推。

我需要一个函数来清除复选框上的数据，这样当我单击第三个复选框时，它只需要通过从文本区域中删除第一个和第二个复选框来显示第三个复选框的值。这一切都应该在不重新加载页面的情况下发生

<script>
    function chkcontrol(j){
        var textbox = document.getElementById("list");
        var textbox1 = document.getElementById("val_id");
        var values = [];    
        var val_id=[];
        if(document.getElementById(1).checked) {
            values.push('A1');
            val_id.push('1');
        }
        if(document.getElementById(2).checked) {
            values.push('A2');
            val_id.push('2');   }
        if(document.getElementById(3).checked) {
            values.push("A3");
            val_id.push('3');
        }
        if(document.getElementById(4).checked) {
            values.push("A4");
            val_id.push('4');
        }
        if(document.getElementById(5).checked) {
            values.push("A5");
            val_id.push('5');
        }
        if(document.getElementById(6).checked) {
            values.push("A6");
            val_id.push('6');
        }

        textbox.value = values.join(",");
        textbox1.value = val_id.join(",");
    }

    function removeAll(){
    }
</script>

<input id="list" type="text" name="list">
<input id="val_id" type="text" name="val_id">
<input type="checkbox" name="ckb" value="A1" id="1" onclick='chkcontrol(0)';>
<label for="1"></label>
<input type="checkbox" name="ckb" value="A2" id="2" onclick='chkcontrol(0)';>
<label for="2"></label>
<input type="checkbox" name="ckb" value="A3" id="3" onclick='chkcontrol(0)';>
<label for="3"></label>
4

3 回答 3

0

我不知道你到底需要什么，但如果你需要“清除”一个 javascript 数组，只需将长度设置为 0（零）。

var a = [0,1,2,3,4,5,6,7,8,9];
a.length = 0; // truncate array

MDN说：“您可以随时设置长度属性来截断数组。”

希望对你有帮助...

于 2013-04-05T00:59:37.257 回答
0

为了节省一些打字（并且减少出错的机会），应该使用循环访问元素，例如

for (var i=1; i<7; i++) {

  if (document.getElementById(i).checked) {
    values.push('A' + i);
    val_id.push('' + 1);
  }
}

如果元素在表单中，请考虑将它们作为表单的命名属性访问，而不是多次调用getElementById ：

var form = document.getElementById(formID);
...

但是，为此您需要分配一个不是数字的名称以避免与控件的索引发生冲突，因此如果您将它们重命名为“input_1”等，那么您可以执行以下操作：

  if (form['input_' + i].checked) {

要将“文本框”（我猜这是输入类型文本或文本区域元素）的值设置为默认值：

textbox.value = textbox.defaultValue;
textbox1.value = textbox1.defaultValue;

要“清除”数组，请将其长度设置为 0：

values.length = 0;

或者只是用一个新数组替换它

values = [];

如果数组被多个变量引用，则做第一个；否则两者都可以。

于 2013-04-05T01:18:22.873 回答
0

我不知道为什么我只花了 29 分钟在你的代码上，但无论如何都是这样。享受。对未来的几点建议：

  1. 如果您要使用 jQuery，请尝试让您的脚本远离您的标记，即没有 onclick 事件。
  2. 如果您发现自己在 DOM 元素集合上做无穷无尽的 if 语句，那么可能有更好的方法。

无论如何，我会下车，这是代码：

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("input[type=\"checkbox\"][name=\"ckb\"]").click(function () {
                var values = [];
                var val_id = [];
                var checked = $("input[type=\"checkbox\"][name=\"ckb\"]:checked");
                if (checked.length < 3) {
                    checked.each(function (i, e) {
                        values.push($(e).val());
                        val_id.push($(e).prop("id"));
                    });
                } else {
                    values.push($(this).val());
                    val_id.push($(this).prop("id"));
                }
                $("input#list").val(values.join(","));
                $("input#val_id").val(val_id.join(","));
            });
        });
    </script>
</head>
<body>
    <input id="list" type="text" name="list">
    <input id="val_id" type="text" name="val_id">
    <input type="checkbox" name="ckb" value="A1" id="1">
    <input type="checkbox" name="ckb" value="A2" id="2">
    <input type="checkbox" name="ckb" value="A3" id="3">
</body>
</html>

还有一个小提琴：http: //jsfiddle.net/df59H/

如果您需要清除这些框：

$("#someButtonId").click(function(){
    $("input#list").val("");
    $("input#val_id").val("");
});
于 2013-04-05T01:21:12.713 回答