javascript - 在没有提交按钮的情况下选中时如何获取复选框名称

Question

我的代码在那里，

while($row = mysql_fetch_array($query2)) 
{
echo "<tr>";
$ids = $row['list_id'];
echo "<td><input type='checkbox' name='checkbox[]' value=" . $ids . "></td>";
echo "<td>" . $ids . "</td>";
echo "<td>" . $row['list_name'] . "</td>";
echo "<td>" . $row['campaign_id'] . "</td>";
echo "<td>" . $row['list_description'] . "</td>";
echo "<td>" . $row['list_changedate'] . "</td>";
echo "<td>" . $row['list_lastcalldate'] . "</td>";
echo "<td>" . $row['reset_time'] . "</td>";
echo "</tr>";
}

和

<a href="import.php"><input type="button" value="Import Leads to List"></a>

我想在单击按钮时传递 URL 上选中的复选框值。像这样，

Http://localhost/test/import.php?id=1234

如果选中多个复选框，我想打印错误消息或警告框，

Please Select any one List ID!

请帮帮我..谢谢

Answer 1

1) 更改 id='checkbox'有效 class='checkbox' 编辑:添加class='checkbox' ;

2) 使用 jQuery 函数检查已选中的复选框并获取名称:

$('button').click(function(){
    if ($('.checkbox:checked').length !== 1) {
       alert("Please Select any one List ID!");
    } else {
        *var url = window.location.href + '?id=' + $('.checkbox:checked').eq(0).attr('name');*
         **EDIT**:
         var url = window.location.href + '?id=' + $('.checkbox:checked').eq(0).val();
         $('a').attr('href', url);
    }
});

---

编辑“如果我有多个按钮怎么办”:

将循环中的复选框替换为 <a href='index.php?id=<?php echo $ids; ?>'><button>Import to List</button></a> , 就不需要js操作了。

或

更改复选框:<td><input type='checkbox' onClick='changeUrl(this)' data-link-id='UniqueIdOfLink' , 而不是 $('button').click制作功能:

function changeUrl(e) {
    $('#' + $(e).data('link-id')).attr('href', 'index.php?id=' + $(e).val());
}