从复选框获取链接

时间:2012-06-05 07:32:34

标签: javascript checkbox hyperlink makefile

如果我有一个复选框,我希望将其作为链接

<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中的值应该在链接中 如果我有一个复选框和值,我想让它成为一个链接

3 个答案:

答案 0 :(得分:0)

不完全确定用例,但这里是从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/

答案 1 :(得分:0)

HY

尝试使用此代码的链接:

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

答案 2 :(得分:0)

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

试一试。