如何检查复选框数组中的复选框是否使用jquery进行检查

我有一个带有一列文本框( 里程 )的html表格,当页面加载时,它们全部被禁用,并且当用户点击复选框时,需要启用该列的文本框并成为必需字段,然后如果用户取消选中该复选框,则必须禁用该行上的文本框,并删除所需的类。 替代文字

当用户点击相应的复选框时,我已经有了启用和禁用文本框(列里程 )的功能,但它是用javascript编写的。但是,由于某种原因它只能在IE中使用)。

这里是html代码

<tbody>
 <c:forEach items="${list}" var="item">
    <tr>
      <td align="center">
         <input type="checkbox" name="selectItems" value="<c:out value="${item.numberPlate}"/>" onchange="enableTextField(this)" />
      </td>
      <td align="left"><c:out value="${item.numberPlate}"/></td>
      <td align="left"><c:out value="${item.driver.fullName}"/></td>
      <td align="left"><input type="text" name="mileage_<c:out value="${item.numberPlate}"/>" value="" disabled="true"/></td>
     </tr>
  </c:forEach>                       
</tbody>

和JavaScript代码:

function enableTextField(r)
    {   var node = r.parentNode;
        while( node && node.tagName !== 'TR' ) {
            node = node.parentNode;
        }
        var i=node.rowIndex;

        if(document.form1.selectItems[i-1].checked)
        {   

            document.getElementById('mileage_' + document.form1.selectItems[i-1].value).disabled=false;
        }
        else
        {

            document.getElementById('mileage_' + document.form1.selectItems[i-1].value).value="";
            document.getElementById('mileage_' + document.form1.selectItems[i-1].value).disabled=true;
        }


    }

现在,我知道为了添加或删除动态验证规则,我必须使用:addClass('required'); removeClass('required'),但我不知道如何检测是否选中了复选框,并基于该复选框启用或禁用该行的文本框。

我真的希望你能帮我解决这个问题。


把它放在<head>或者包含在<head>中的.js文件中。

$(document).ready(function() {
    $("input[name=selectItems]").change(function() {
        $(this).closest("tr").find("input[name^=mileage]").attr("disabled", !this.checked);
    });
});

这里有一个现场演示。


要检查复选框是否被检查或不在jquery中,你会做$('#CHECKBOX_ID').is(':checked') ,它将返回一个布尔值,你可以在if语句中使用


添加一个id到复选框,通过id调用复选框,然后检查复选框的布尔值。

<!DOCTYPE html>  
<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<input id="sam" type="checkbox" name="vehicle" value="Bike" />
</body>
</html>

这将返回true / false

$('#sam').is(':checked')
链接地址: http://www.djcxy.com/p/4053.html

上一篇: How to check if a checkbox in a checkbox array is checked with jquery

下一篇: Android cannot access localhost?