2009-07-27 41 views
0

謝謝你的時間。同時使用jQuery.checkbox和jQuery.field

我想在一個窗體上使用2個Jquery解決方案,但是在工作幾個小時之後,我無法獲得所需的結果。

第一jquery的解決方案使一個更好的外觀和感覺 http://www.envirotalk.com.au/jquery/jquery-checkbox.htm

第二jquery的溶液使得能夠在選定複選框的數量進行限制。 http://www.envirotalk.com.au/jquery/jquery-field.htm

這是我將兩者結合的嘗試。 http://www.envirotalk.com.au/jquery/combined.htm

我相信問題涉及到這行代碼,但我不能確定。

setLimitSelection(); 

我試圖實現的結果。

  • 外觀和感覺; jquery-checkbox
  • 限制複選框的數量一個 可以選擇; jQuery字段
  • 錯誤消息; jQuery字段
  • 清除額外字段值一次 超出限制; jQuery的領域。

如果有人有時間去看看並幫助我,那將不勝感激。

問候

zeroanarchy

+1

還有什麼地方會的問題是什麼?如果您需要幫助,我們需要查看您的代碼。它是否在錯誤控制檯中拋出任何錯誤? – Sneakyness 2009-07-27 12:57:07

+0

嗨偷偷摸摸,代碼可以在http://www.envirotalk.com.au/jquery/combined.htm找到(看看頁面中的Javascript)。關於錯誤控制檯,抱歉,我不在你身邊。我使用文本編輯器來開發和更改代碼。我將如何檢查錯誤控制檯? 謝謝 zeroanarchy – zeroanarchy 2009-07-27 16:29:55

回答

0

兩個插件可能相互衝突的,因爲你正在使用的代碼是一樣的,在個別的例子給出的那些。限制可以選擇的複選框,你可以試試這個:

function setLimitSelection(){ 
    $("input[type=checkbox]").click(function(){ 
     var checkboxes_to_allow = 3; 
     if($('input[type=checkbox]:checked').length == (checkboxes_to_allow+1)){ 
      //show error message 
      return false; 
     } else { 
      //clear message 
     } 
    }); 
} 

我覺得代碼足夠清楚,不需要註釋了嗎?

0

你好,我想你可以像校驗場小的狀態變量解決這個問題:

var checkfield = false; 

$("input[name ='name']").limitSelection({ 

limit: 3, 
onfailure: function (n){ 
checkfield = true; 
return false; 
} 
}).click(function(){ 
if (field6error) 
{ 
$(this).checkBox('changeCheckStatus', false); 
checkfield = false; 
alert("Not more than 3 values!") 
return false; 
}});