2010-08-16 33 views
0
 <form> 
    <input type="checkbox" id="m_q" name="m_q" value="271">Name</input><div name="status"></div> 
    <input type="checkbox" id="m_q" name="m_q" value="271">Age</input><div name="status"></div> 
    <input type="checkbox" id="m_q" name="m_q" value="271">ID</input><div name="status"></div> 
    <input type="checkbox" id="m_q" name="m_q" value="271">Emp no</input><div name="status"></div> 
<input type="button" value="save" onclick="save" /> 
</form> 

<script> 
    function save() 
    { 
    $.post("/det/save_details/",snddata, 
    function(data){ 
    if(data == 0){ 
    alert('data added'); 
    //How to disable the checkbox field and in the div say data added 
    },"json"); 
    } 
</script> 

在上面的代碼,怎麼說「數據增加了」在狀態DIV選定複選框僅Jquery的從服務器獲取ONSELECT()響應之後添加狀態爲repsonse

回答

2

@ Haim的代碼工作正常,但我想他問的是如何根據複選框被選中並基於他提供的html,這個div沒有特定的ID來添加html,所以這裏有一些jQuery代碼與您提供的html一起工作。它抓取選中的框並禁用它們,然後用name = status抓取下一個兄弟div來添加html文本。

$('input:checkbox:checked').attr('disabled', true); 
$('input:checkbox:checked + div[name=status]').html('data added'); 

你可以看到你的HTML的例子的jsFiddle page(不阿賈克斯一部分,只是在按鍵的點擊事件進行代替)。

+0

+1你對我沒有正確理解這個問題 – 2010-08-16 07:28:22

+0

JsFiddle頁是有幫助的..謝謝 – Hulk 2010-08-16 08:53:59

0

在div來顯示使用html() FUNC

$('#statusdivid').html('data added'); 

禁止使用attr()

$('#checkboxid').attr('disabled', true); 
+0

好的代碼,但我更喜歡使用CSS類。這將更清潔:$('#checkboxid')。addClass('disabled'); – 2010-08-16 07:03:00

+0

謝謝..但是如何添加消息只爲選定的複選框 – Hulk 2010-08-16 07:14:13

+0

看看傑夫答案 – 2010-08-16 07:27:34

相關問題