Javascript按钮更新功能名称

时间:2014-03-15 21:01:03

标签: javascript html function button

我的页面顶部有6个按钮,第一个按钮正在工作。当按下按钮时,我需要它来动态更改我的脚本中的“功能名称”以匹配按钮“功能名称”。另外对于每个按钮,我需要“tr.cells”来增加+1,这是我桌子的下一列。

基本上所有这一切都是如此;我的表是50行10列代码通过单词“无”,如果它找到“无”,那么我的文档中的ID ID将被隐藏。

我做了一个小时的研究,但我无法使用我的代码。我举了一个例子,说明了我试图融入的内容,但我没有成功。需要它与我的按钮一起使用。我非常感谢任何人都能给予的帮助。谢谢。

示例提示

function F1() { };
function F2() { };

var myFunctions = [F1, F2];

r nextFunction = 0;

function myFunctionSwitcher() {
    myFunctions[nextFunction]();
    nextFunction = nextFunction + 1;

我的代码

<td><div align="center"><button onclick = "F1()"> 178-0000-00 </button></div></td>
<td><div align="center"><button onclick = "F2()"> 178-0001-00 </button></div></td>

<script type="text/javascript">


function F1()                                                                /*Change this for "Board Number" #*/
/*Start Loop*/{

var tab = document.getElementById('part1Table');
var l = tab.rows.length;

for ( var i = 0; i < l; i++ ) {
    var tr = tab.rows[i];
    var cll = tr.cells[2];                                                              
    if(s = cll.innerText.indexOf('None') != -1) 
    {

var Z = ("")
                    jQuery(function($)
        {
                $('#resultA').load('DocText.html #Tablemain1');

        });;

/* Start Copy */
if (i==1)                                                   /*Change this for "Line in ABI Doc" */
  { var e = document.getElementById('result1');             /*Change this for "Line Hidden" */
        e.style.display = 'none';}
 /* End Copy */
}}} </script>

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/4SB25/

HTML:

<button onclick="func(1)">Button No. 1</button><br>
<button onclick="func(2)">Button No. 2</button><br>
<button onclick="func(3)">Button No. 3</button><br>
<button onclick="func(4)">Button No. 4</button><br>
<button onclick="func(5)">Button No. 5</button><br>
<button onclick="func(6)">Button No. 6</button><br>
<div id="results"></div>

JAVASCRIPT:

var counter = 1;

function func(id) {
    if (id != counter)
        return;
    document.getElementById('results').innerHTML+="Button No. "+id+" was pressed<br>";
    counter++;
}

您可以对单元格编号使用相同的逻辑。您可以使用第一个单元格的值全局设置它(如计数器变量),当您更新计数器时,您也可以更新此变量。