Question

     <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>

在从服务器onselect（）获取响应后的上述代码中，如何在状态div中为所选复选框添加“数据已添加”

Answer 1

@Haim的代码可以工作，但我认为他正在询问如何根据选中的复选框将html添加到div中，并根据他提供的html，这里没有div的特定ID，所以这里有一些与您提供的html一起使用的jquery代码。它抓取复选框并禁用它们，然后使用name = status抓取下一个兄弟div，将html文本添加到其中。

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

您可以看到一个jsFiddle page，其中包含HTML示例（不包含Ajax部分，只是在按钮的单击事件中完成）。

Answer 2

在div中显示使用html() func

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

禁用使用attr()

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

Jquery添加响应的状态

2 个答案: