2014-09-03 78 views
0

我有以下JS代碼:jQuery的選擇上不工作

$("#idserver").change(function(){ 
    $('input:checkbox').removeAttr('checked'); 
}); 

idserver:

<select id="idserver" name="serverid"> 
    <option value='0'>number one</option> 
    <option value='1'>number two</option> 
</select> 

複選框:

<input type="checkbox" id="check" class="calc" name="access[a]" value="2" />example 

和簡單母鹿sn't工作

+2

我沒有看到你的複選框選中的屬性。 – jbrahy 2014-09-03 04:55:35

+0

使用'console.log('到達此處');'在'change'函數內部檢查控制是否到達它的內部。 – bhargavg 2014-09-03 04:55:54

+0

它適用於我 http://jsfiddle.net/agqxhgmg/ – Parfait 2014-09-03 04:56:07

回答

0

。在你的代碼工作正常here可能是你的控制檯會告訴你什麼是錯誤沒有問題。

而且你沒有檢查你的複選框,默認情況下,在你的複選框添加checked屬性

我認爲可能是你沒有包括的js庫,或者你沒有寫準備函數內部的代碼,試試這個:

頂部Inlcude jQuery library

<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 

HTML:

<select id="idserver" name="serverid"> 
<option value='0'>number one</option> 
<option value='1'>number two</option> 
</select> 
<input type="checkbox" id="check" class="calc" name="access[a]" value="2" checked />example 

的jQuery:

<script type="text/javascript"> 

$(document).ready(function(){ 

     $("#idserver").change(function(){ 
      $('input:checkbox').prop("checked", false); 
     }); 

}); 

</script> 

下面是現場演示:jSfiddle

+0

Js包括在內,我複製並粘貼了一切從你的評論,仍然不取消選擇複選框 – 2014-09-03 05:11:25

+0

@БлаговестТодоров按f12並檢查錯誤 – 2014-09-03 05:12:02

+0

任何人請告訴我爲什麼downvote? – 2014-09-03 05:13:38

0

ü必須鍵入這樣

$("#idserver").change(function(){ 
    $('input:checkbox').prop("checked", false); 
}); 
+0

'op'代碼沒有問題,你能說出理由 – Girish 2014-09-03 04:57:31

+0

不,removeAttr工作效果和不是問題。支柱可能是一個更好的方法。 – 2014-09-03 05:04:23

0

這裏試試這個

$("#idserver").change(function(){ 
    $('input[type="checkbox"]').removeAttr('checked'); 
}); 
-1
<select id="idserver" name="serverid"> 
<option value='0'>number one</option> 
<option value='1'>number two</option> 
</select> 
<input type="checkbox" id="check" class="calc" name="access[a]" value="2" />example 

$("#idserver").change(function(){ 
    $('input:checkbox').prop("checked", false); 
}); 

檢查上面的代碼

JSFiddle Demo

+0

和OP代碼有什麼問題。 。 – 2014-09-03 05:00:48

+0

沒有錯......它的工作方式與往常一樣......但是我用prop替換了removeattr – 2014-09-03 05:01:45

+1

removeAttr的作品具有相同的效果,而不是問題。道具雖然是一個更好的方法。 – 2014-09-03 05:04:48

0

你缺少document ready塊:

$(function() {//<-- document ready 
    $("#idserver").change(function() { 
     $('input:checkbox').removeAttr('checked'); 
    }); 
}); 
+0

這裏是[小提琴](http://jsfiddle.net/yffhL1me/) – Arvind 2014-09-03 05:05:26