html - 标记为单击链接的复选框

Question

好吧，我有一个关于如何在此处制作的问题:

我想在对方点击“Text one”时制作
然后选中“复选框”并在新选项卡中打开链接，“文本二”等也是如此......

图片:

代码:

<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>

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>