<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中为所选复选框添加“数据已添加”
答案 0 :(得分:2)
@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部分,只是在按钮的单击事件中完成)。
答案 1 :(得分:0)