javascript 更新文本字段时如何选中复选框

vsmadaxz  于 2023-03-28  发布在  Java
关注(0)|答案(2)|浏览(105)

我有一些复选框对应于一些id顺序:

<input type="checkbox" class="order_id_list" name="order_id_list[]" id="order_id_list" value="{$order.id_order}" />

我想在插入Trackid编号时检查:

<input type="text" name="weight_{$order.id_order}" id="weight_{$order.id_order}" size="7" value="{$order.weight}"/>

如果可能有帮助,我已经找到了下面的教程,但在我的情况下不起作用:

<SCRIPT TYPE="text/javascript">
            function recupValeurElement(IdElement)
            {
                if (document.getElementById)
                {
                    return document.getElementById(IdElement);
                }
                else if (document.all)
                {
                    return document.all[IdElement];
                }
            }
            function fctCocherCase(ObjNumber)
            {
                recupValeurElement("Checkbox" + ObjNumber).checked = true;
            }
        </SCRIPT>

<p><input type="text" name="Input1" id="Input1" value="" size="70" onclick="fctCocherCase(1);"></p>
        <input TYPE=CHECKBOX UNCHECKED name="Checkbox1" id="Checkbox1" value="" type="CHECKBOX">

我真的很努力实现这一点不幸的是,任何帮助将非常感谢。

6yt4nkrj

6yt4nkrj1#

我已经简化了这个例子,所以你可以看到它在没有变量的情况下是如何工作的,我不知道“{$order.id_order}”是什么,如果它实际上工作,但这个例子确实如此:
我给文本框一个静态id(总是相同的),并使用一个按钮来确认您在文本字段中键入的id,而不是OnKeyUp(每次键入字符时),只是为了测试。
它应该选中与文本中键入的数字(1,2或3)相对应的复选框。如果您了解它的工作原理,那么您可以轻松地将复选框ID替换为循环中的变量。

<SCRIPT TYPE="text/javascript">

                function check_it()
                {
                  var user_input = document.getElementById("text_box_id").value;
                  var checkbox = document.getElementById("checkbox_" + user_input);
                  if(checkbox)
                    checkbox.checked = true;
                }
</SCRIPT>
                <input type="checkbox" id="checkbox_1" value="cb1">
                <input type="checkbox" id="checkbox_2" value="cb2">
                <input type="checkbox" id="checkbox_3" value="cb3">

                <td>
                  <input type="text" id="text_box_id">
                  <button type="button" onclick="check_it()">Confirm ID</button>
                </td>
3phpmpom

3phpmpom2#

以下是基于Amundria的脚本和类似主题的解决方案:
Smarty variables in JavaScript
下面是使其工作的修改

<SCRIPT TYPE="text/javascript">
 function check_it(id_order)
{            
var checkbox = document.getElementById(id_order);
 if(checkbox)
checkbox.checked = true; 
}
</SCRIPT>
<td>
<input type="text" name="weight_{$order.id_order}" id="weight_{$order.id_order}"
 size="7" value="{$order.weight}" onclick="check_it({$order.id_order});" />
                </td>

再次感谢我非常感激

相关问题