【报Bug】在多个label与复选框绑定之后，点击文本总会改变第一个label内的复选框状态

操作步骤：

<form action="">  
      <table>  
        <tr>  
          <td>  
            <label for="">  
              <input type="checkbox" name="" id="" />  
              <p>文本文本文本文本文本文本文本文本</p>  
            </label>  
            <label for="">  
              <input type="checkbox" name="" id="" />  
              <p>文本文本文本文本文本文本文本文本</p>  
            </label>  
            <label for="">  
              <input type="checkbox" name="" id="" />  
              <p>文本文本文本文本文本文本文本文本</p>  
            </label>  
            <label for="">  
              <input type="checkbox" name="" id="" />  
              <p>文本文本文本文本文本文本文本文本</p>  
            </label> <label for="">  
              <input type="checkbox" name="" id="">  
              <p>文本文本文本文本文本文本文本文本</p>  
            </label>  
            <label for="">  
              <input type="checkbox" name="" id="" />  
              <p>文本文本文本文本文本文本文本文本</p>  
            </label>  
            <label for="">  
              <input type="checkbox" name="" id="" />  
              <p>文本文本文本文本文本文本文本文本</p>  
            </label>  
          </td>  
        </tr>  
      </table>  
    </form>

预期结果：

点击label内的文本，改变对应label内复选框的状态

实际结果：

点击其他选项的文本就会改变第一个复选框的状态，其他复选框的状态不改变，点击复选框是正常的