如何知道是否使用了功能/在HTML中单击了复选框按钮?

时间:2013-07-10 08:20:45

标签: javascript html jsp database-performance

对于不清楚的标题和解释感到抱歉,我想测试一些简单的事情。在程序中,我创建了一个隐藏/显示某些记录的功能。该函数使用HTML表单id作为参数来执行if-else语句,我要做的是在html中有另一个if-else。也许下面的某些代码会让你们明白我在说什么,感谢先进......

功能

function display(){

    var ischecked = true;
    var f = document.frm;
    ischecked = (f.filter.checked);

    if(!ischecked){

        for (var i= 1; i< tblData.rows.length; i++)
            {

                if (tblData.rows[i].cells[9].innerHTML =='<FONT size=1><B>DRAFT</B></FONT>' )
                {
                    //tblData.rows[i].style.visibility = 'hidden';
                    tblData.rows[i].style.display = 'none';

                }
            } 

    } else {            
            for (var i= 1; i< tblData.rows.length; i++)
            {
                    tblData.rows[i].style.display = 'block';

            } 
    }
}

相关的HTML代码

<div><input type="checkbox" name="filter" id="checkboxID" onclick="display();"/><FONT class="LinkFontClass">Sample</FONT></div>

被困在这里

<% if (function(activated)) {%>
              Then do something</TD>
              <% } else {%>
                do something</TD>
                <%} %>

这样做的目的是我不想在单击checkBox时一次又一次地为数据加载数据库。我试着在那里停留,它不会通过其他声明。需要一些提示并建议,赞赏^^

3 个答案:

答案 0 :(得分:0)

你可以使用简单的jquery来实现这个

    $("#id").click(function(){

    // Do something
alert("Clicked");
    });

HTML部分:

<div id="id">click Me</div>

当用户点击“Click Me”时,它会提示cliked。

答案 1 :(得分:0)

附加一个事件处理程序来过滤调用ischecked();功能。 或者干脆就这样做:

<div><input type="checkbox" name="filter" id="checkboxID" onclick="display(this.checked);"/><FONT class="LinkFontClass">Sample</FONT></div>


function display(ischecked){   
if(!ischecked){
...

说明: 如果document.frm.filter.checked有效,则显然“已选中”是过滤器的属性,因此通过将其放入带有display(this.checked)的onclick函数,您可以直接获取已检查的属性值并将其提供给function display(ischecked)。这样你就可以直接使用函数中的值。

答案 2 :(得分:0)

如果要生成表格内容,则可以将class(或draft之类的参数)添加到表格行。然后使用class隐藏行。 请在jsfiddle上查看。