JQuery驗證複選框和顯示反饋

我有以下示例代碼，其中包含兩個複選框。當用戶點擊提交按鈕時，我有一些JQuery代碼來確定選中了多少個複選框。JQuery驗證複選框和顯示反饋

<html> 
<head> 
<title>Test</title> 


<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.validate.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.validate.unobtrusive.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script> 

<script> 

    $(function() { 
     $('form').submit(function() { 

      var fields = $("input[name='group']").serializeArray(); 
      if (fields.length == 0) { 
       //alert('nothing selected'); 
       $("myText").html("Selected"); 
      } 
      else { 
       //alert(fields.length + " items selected"); 
       $("myText").html("Not Selected"); 
      } 

     }); 
    }); 


</script> 

</head> 
<body> 
<div> 

    <form> 

    <input type="checkbox" name="group" value="1" />1 
    <input type="checkbox" name="group" value="2" />2 

    <input type="submit" value="Submit" /> 


    <div id="myText"></div> 

    </form> 

</div>

如果沒有複選框被選中，我可以創造一個警告框，但是它將此通知用戶，理想情況下，我想盡量避免使用一個警告框，相反，加一些反饋文本給我創建的DIV。

你可以看到我試圖所以這個用下面的代碼

$("myText").html("Selected");

但由於某種原因，它似乎並沒有工作。

任何人都可以請給我一些幫助，這將不勝感激。

謝謝。

Tony。

來源

2012-07-16 tgriffiths

缺少#在myText請注意mytext是id並訪問你需要這樣做

$("#myText").html("Selected");休息應該像火箭ID。

希望這有助於事業:)

$(function() { 
     $('form').submit(function() { 

      var fields = $("input[name='group']").serializeArray(); 
      if (fields.length == 0) { 
       //alert('nothing selected'); 
       $("#myText").html("Selected"); 
      } 
      else { 
       //alert(fields.length + " items selected"); 
       $("#myText").html("Not Selected"); 
      } 

     }); 
    });

來源

2012-07-16 10:35:12

乾杯的現場！ – tgriffiths 2012-07-16 10:45:37

@tgriffiths無後顧之憂：）'很高興幫助！ – 2012-07-16 10:46:47

JQuery驗證複選框和顯示反饋

回答

相關問題