单击复选框标签时是否可以不触发该复选框？

iii 发表于 Dev

三级

基本上，我不希望做的是使jQuery函数在单击复选框名称时具有提示窗口以更改复选框名称，但是它本身会自动选中/取消选中复选框。我需要单击它的标签时是否可以不触发该复选框？

附言：希望清楚我写的是什么:)

我的标记是：

<div class="checkbox">
  <input id="check1" type="checkbox" name="check">
  <label for="check1">Checklist One</label>
  <br>
  <input id="check2" type="checkbox" name="check" checked>
  <label for="check2">Checklist two</label>
  <br>
  <input id="check3" type="checkbox" name="check">
  <label for="check3">Checklist 3</label>
</div> <!-- END OF CHECKBOX -->

威利·帕斯特纳克（Willi Pasternak）

您可以这样解决：

$('label').on('click', function(e){
  e.preventDefault();
  
  // here you can add your code to handle the rename
})

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</head>
<body>
<div class="checkbox">
  <input id="check1" type="checkbox" name="check">
  <label for="check1">Checklist One</label>
  <br>
  <input id="check2" type="checkbox" name="check" checked>
  <label for="check2">Checklist two</label>
  <br>
  <input id="check3" type="checkbox" name="check">
  <label for="check3">Checklist 3</label>
</div>
</body>
</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。