javascript - 从复选框获取链接

Question

如果我有一个复选框和我想将其设为链接的值

<a href="uppdate02.cfm?id=(checkbox value)">Uppdatera</a>

这是我正在使用的代码

<cfoutput query="recTest">
  <table width="561" border="1">
    <tr>
      <td width="43"><form id="form1" name="form1" method="GET" action="uppdat02.cfm">
        <input type="checkbox" name="id" id="YesNo" value="#recTest.AlbID#"/>
         <input type="submit" value="Submit" />
      </form> </td>
      <td width="502">#recTest.Album#</td>
    </tr>
  </table></cfoutput>

如果我有一个复选框，我希望 YesNo 的值应该在链接中，并且我想让它成为链接的值

Answer 1

海

尝试使用此代码的链接：

<a href="#" onclick="return setLink(this)">Uppdatera</a>
<script type="text/javascript">
function setLink(tgt) {
  tgt.href='uppdate02.cfm?id='+document.getElementById('YesNo');
  return true;
}
</script>

Answer 2

不完全确定用例，但这里是从 DOM 节点中提取 id 并模拟链接行为的逻辑。

<a id="uppdatera">Uppdatera</a>
<script type="text/javascript">
    document.getElementById('uppdatera').addEventListener('click', function(e) {
        window.location = 'uppdate02.cfm?id=' + document.getElementById('YesNo').value;
    }, false); 
</script>

演示：http: //jsfiddle.net/AlienWebguy/fhTHs/

Answer 3

<a href="#" onclick="return this.href='uppdate02.cfm?id='+document.getElementById('YesNo').value">Uppdatera</a> 

试试。