0

我正在尝试在选中复选框并使用 jquery 按下提交按钮后运行一个函数

这就是我所拥有的：

 <form name="select">
       <label for="Genre"><input type="checkbox" checked="checked" id="Genre">Genre</label>
       <input type="button" onclick="myFunction()" value="submit">      
 </form>

这是我的功能：

function myFunction() {

    $("input [id=Genre] [checked]").each(
        function() {
            alert("genre is checked");  
        }

    );  
}

任何想法我做错了什么？

4

8 回答 8

0 
$('#formid').submit(function(){
$('#genre:checked').each(function()
      {
         alert('checked');
      })
 });
于 2012-05-11T10:01:08.360 回答
0

尝试使用：$('input#Genre :checked')

于 2012-05-11T10:01:37.390 回答
0 
$("input#Genre :checked").each(
    function() {
        alert("genre is checked");
    }
);
于 2012-05-11T10:02:52.640 回答
0

将函数附加到提交按钮的方式不是“jQuery”方式。

试试这个 ：

$('input[value=submit]').on('click', myFunction);

http://jsfiddle.net/5jj8e/

于 2012-05-11T10:02:54.473 回答
0

如果您按 ID 选择，则可以使用：

$('#Genre')

如果您想选择所有复选框，那么您可以：

$('input[type="checkbox"]')

如果您想选中一个选中的复选框，您可以使用：

$('input[type="checkbox"]:checked')

如果你想在有人选中复选框时做某事，你需要添加一个事件监听器：

$('#Genre').bind('click', function() {
   // do something when checkbox with ID Genre is clicked

   if ($(this).is(':checked')) {
      // do something when the checkbox is checked
   }
})
于 2012-05-11T10:03:01.620 回答
0 
$('#formid').submit(function(){
   if($('#Genre').is(':checked')){
    return true;
}
alert('Not checked');
return false;

});
于 2012-05-11T10:03:58.263 回答
0

在 HTML中，在单选按钮中给出值

<form name="select">
       <label for="Genre"><input type="checkbox" checked="checked" id="Genre" value="Genre1" >Genre</label>
       <input type="button" onclick="myFunction()" value="submit">      
 </form>

jquery应该是

function myFunction() {

    if($("input[id='Genre']:checked").length==0)
    {
        alert("genre is checked");  
    }
}
于 2012-05-11T10:08:27.260 回答
0

您可以使用 jQuery 的检查选择器：http ://api.jquery.com/checked-selector/

于 2012-05-11T10:17:35.107 回答