javascript复制ID冲突 [英] javascript duplication ID conflict
问题描述
我需要在多个表单字段中多次使用此js脚本。
对于一个字段，它的工作非常出色，但是我不知道如何复制此脚本同时在其他字段中使用。每个复选框选择都会加载用于RegEx完成的预定义值。因此，下面的所有代码都属于一个表单字段。
I need to use this js script several times, in several form fields. It is working wonderfully for one field but I don't know how to duplicate this script to use in other fields at the same time. Every checkbox choice loads pre-defined values for RegEx completion. So, all the code below belongs to one form field.
<head>
<!-- CHECKBOXSES REGEX 1 -->
<script type="text/javascript">
function getVal(bu){
var el=document.getElementById('col12_filter_prospective');
var i=0, c;while(c=document.getElementById('chk'+(i++)))
{el.value=(bu.checked)? bu.value : null;c!=bu? c.checked =false : null;
}
}
</script>
</head>
<body>
<input type="checkbox" name="chk" value="[^***]" id="chk0" onclick="getVal(this)" title="[^***] Replace (***) with the word to excluded from search.">
<input type="checkbox" name="chk" value="/whatever[^s]*./" id="chk1" onclick="getVal(this)" title="/whatever[^s]*./ Find (whatever) words that ends with (s) or any other combination.">
<input type="checkbox" name="chk" value="/***/" id="chk2" onclick="getVal(this)" title="/***/ Replace *** for specific word to be found.">
<br>
<input type="text" class="column_filter_prospective" name="col12_filter_prospective" id="col12_filter_prospective">
</body>
推荐答案
还有一个我想解决的问题。我将互联网颠倒了，尽管这很简单，却找不到合理的脚本来执行这些操作。 – 26分钟前Paulo Lopes
There is another issue I would like to resolve. I put the internet up side down and couldn't find a reasonable script to perform this tas although it is a simple routine. – Paulo Lopes 26 mins ago
在执行ID问题后，您看到了下面的代码，我想自动取消选中智能搜索复选框并检查RegEx单击三个RegEx复选框之一，并且取消选中三个复选框之一以将所有内容都转换为原始状态，其中智能搜索复选框再次被选中。太混乱了吗？ – 22分钟前Paulo Lopes
As you see the code bellow after the implementation of the ID issue I would like to automatically uncheck the "smart search" checkbox and check the RegEx checkbox when one of the three RegEx checkboxes is clicked AND when one of the three checkboxes is unchecked to turn everything to the original state where the "smart search" checkbox is the only one selected again. Too confusing? – Paulo Lopes 22 mins ago
<tr id="filter_col12_prospective" data-column="12">
<td colspan="4"><hr width="100%" size"0.5px">
</td>
<tr>
<tr>
<td>City</td>
<td align="center">
<input type="checkbox" name="chk" value="[^***]" id="chk0" onclick="getVal(this)" title="[^***] Replace (***) with the word to excluded from search.">
<input type="checkbox" name="chk" value="/whatever[^s]*./" id="chk1" onclick="getVal(this)" title="/whatever[^s]*./ Find (whatever) word that ends with (s) or any other combination.">
<input type="checkbox" name="chk" value="/***/" id="chk2" onclick="getVal(this)" title="/***/ Replace *** for specific word to be found.">
<br>
<input type="text" class="column_filter_prospective" name="col12_filter_prospective" id="col12_filter_prospective">
</td>
<td align="center" valign="top"><input type="checkbox" class="column_filter_prospective" id="col12_regex_prospective">
</td>
<td align="center" valign="top"><input type="checkbox" class="column_filter_prospective" id="col12_smart_prospective" checked="checked">
<br>
</td>
</tr>
==================== ======
示例，请检查高级搜索[link] http：//goutam.webigniter .ca / datatable.html
=========================== example, check advanced search [link]http://goutam.webigniter.ca/datatable.html
这篇关于javascript复制ID冲突的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
