标记为单击链接的复选框

Question

好吧，我有一个关于如何在这里制作的问题：

当有人点击“文本一”时，我想制作

然后选中“复选框”并在新选项卡中打开链接，“文本二”等也是如此……

图片：

代码：

 <form action="demo_form.asp" method="get">
  <a href="LinkURL" target="_blank">
 <input type="checkbox" name="link1" value="link"> Text one</a>
<br>
<br>
<a href="LinkURL" target="_blank">
<input type="checkbox" name="link2" value="link"> Text two</a>

</form>

原文由 Matheus 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试标签和 jquery

 $(document).ready(function(){

  $('label[for=link]').on('click', function(){
    alert('write here code');
window.location.href= 'http://www.rohitazad.com';
  });

  $('label[for=link2]').on('click', function(){
    alert('write here code 2');
window.location.href= 'http://www.rohitazad.com';
  });


});

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form action="demo_form.asp" method="get">

 <input type="checkbox" name="link1" value="link" id="link"><label for="link">Text one</label>
<br>
<br>

<input type="checkbox" name="link2" value="link" id="link2"> <label for="link2">
Text two</label>

</form>

原文由 Rohit Azad Malik 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我会这样走：

 <form action="demo_form.asp" method="get">
  <a href="LinkURL" target="_blank"  data-input='link1'>
  <input type="checkbox" name="link1" value="link"> Text one</a>
  <br>
  <br>
  <a href="#" data-input='link2'>
  <input type="checkbox" name="link2" value="link"> Text two</a>

</form>

<script>
$('a').click(function(e) {
  e.preventDefault();
  var input = $(this).attr('data-input');
  var checkbox = $('input:checkbox[name=' + input + ']');
  checkbox.prop("checked", !checkbox.prop("checked"));;
})
</script>

该链接是可切换的。然后我唯一要改变的是在链接上放置一些类并达到 $('a.class') 而不是 $('a')

https://jsfiddle.net/yv7q5jb5/

原文由 Cassio Cabral 发布，翻译遵循 CC BY-SA 3.0 许可协议