Question

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
<title>JobSeeker Registration Page </title>
 <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  <script type="text/javascript" src="../jquery-1.11.3.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


   <script type="text/javascript" src="try.js"></script>
 </head>
 <body>
 <div>
 <form>
 <input type="checkbox" name="cb" value="First" /> First
<input type="submit" value="Submit" id="sm" /> Submit
</form>
</div>
 </body>

 </html>

Jquery代码：

$(document).ready(function(){
    //alert("hello");

 $("#sm").click(function(event){
    event.preventDefault();
    var searchIDs =
    $(".cb:checked").map(function(){
      return $(this).attr('value');;
    }).get();
    alert(searchIDs.join(','));
    });

});

我正在尝试提醒浏览器上的复选框值。但没有数据出现。有人可以告诉我上面的代码有什么问题。

Answer 1

您还没有在输入中添加一个名为.cb的类，因此您的选择器永远不会捡起它们。

试试这个：

$("input[name=cb]:checked")

或添加缺少的课程：

<input type="checkbox" name="cb" class="cb" value="First" /> First

使用jquery的map函数来提醒checkbox的值

1 个答案: