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

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());
}

Answer 2

首先正如其他人所说，使用单选按钮代替复选框，以便用户只能选择一个。由于您还没有发布您的 HTML 代码，我只能为您提供一个粗略的方案： （我用的是原生 JS，但你可以用 jQuery 制作）

PHP+HTML：

<form action="" name="name_of_form">
while($row = mysql_fetch_array($query2)) {
   echo "<tr>";
   $ids = $row['list_id'];
   echo "<td><input type='radio' name='radio[]' onclick='setURL(this.value)' 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>";
}
?>
<input type="submit" value='Import Leads to List'/>
</form>

javascript：

function setURL(id){
     document.name_of_form.action="Http://localhost/test/import.php?id="+id;
}

请注意，如果您使用表单，则不必手动修改 url，您只需使用 $_POST。

Answer 3

$(document).ready( function () {

$('button').click(function(){

var dea = $("input[type='checkbox']").attr('value');
    window.location.href = 'http://localhost/test/import.php?id='+dea;
});

});

如果您想一次只选择一个选项，您将使用单选按钮。