Question

您好我有以下复选框和一个按钮。我想检查框，然后在使用jquery单击按钮时调用函数。

        <form id="rForm" >
          <table id="testing" class=""    border="1" cellpadding="0" cellspacing="0">
            <tr>
              <td>
                <td> <label class="" for="_person" >Person</label></td>
               <td> <input type="checkbox" class="_person" id="rov" name="person"/></td>
                 <td><input type="button" id="personList" class=""  value="Search" /></td>
              </tr>
          </table>
        </form>


        $(document).ready(function () {
              $("#vendorList").click(function () {

                  if ($("input:checkbox:checked").val() = "vendor") {
                      fnloadlist();
                  }
              });                 
          });

当我使用萤火虫运行时。它在if语句中给出错误“ReferenceError：无效赋值左侧”。我尝试了几件不同的东西，但似乎没什么用。请帮忙，因为我是jquery的新手。谢谢

Answer 1

使用===代替=进行比较
您的复选框没有值属性
标记中没有ID为vendorList的元素

您可以按ID选择复选框（因为它有一个）并使用.prop()方法检查是否选中了该复选框：

if ( $('#rollUPForm_vendor').prop('checked') ) {
    //                      |                                 
    //                      => returns true/false
}

Answer 2

试试这种方式

<form id="rollUpForm" >
  <table id="testing" class=""    border="1" cellpadding="0" cellspacing="0">
    <tr>
      <td>
        <td> <label class="" for="_person" >Person</label></td>
       <td> <input type="checkbox" class="_person" id="rollUPForm_vendor" value="person" name="person"/></td>
         <td><input type="button" id="personList" class=""  value="Search" /></td>
      </tr>
  </table>
</form>
<script type="text/javascript"> 
       $(function() {
         $(document).ready(function () {
            function fnloadlist () {
                alert('Yes');
            }
              $("#personList").click(function () {              
                  if ($("input:checkbox:checked").val() == "person") {
                      fnloadlist();
                  }
              });                 
          });   


        });
    </script>

使用复选框提交

2 个答案: