php - Ajax-Jquery-Checkbox-PHP

Question

我对如何进行以下程序有点困惑

<input id="" type="checkbox" name="" onClick="" />
    <td>
    <h4>PDF Document</h4>
    <p>
    Already have your own menu or flyer? Include it in your App
    </p>
    </td>
    <td class="cost">$99.99 per document
    </td>

现在我想要的是“PDF 文档”这个词，它的成本为 99.99 美元，当复选框被选中时显示在不同的 dv 面板上，不刷新只是发布到不同的 div

请给我相关的例子。如何开始

Answer 1

这应该有帮助

<input id="" type="checkbox" name="" onClick="tdToDiv()" />
    <td>
    <h4>PDF Document</h4>
    <p>
    Already have your own menu or flyer? Include it in your App
    </p>
    </td>
    <td class="cost" id="tdId">$99.99 per document
    </td>
<div id="result"></div>

js：

function tdToDiv() {
document.getElelmentById('result').innerHTML=document.getElementById('tdId').innerHTML;
}

Answer 2

将 id 添加到td有 cost 并添加 id 到checkbox，然后您可以获得所需的结果，如下所示：

考虑您的 HTML 部分是：

<input id="1" type="checkbox" name="" />
   <table>
    <tr>
       <td>   
           <h4>PDF Document</h4>
           <p>Already have your own menu or flyer? Include it in your App</p>
        </td>
       <td class="cost" id="tdId">$99.99 per document</td>
    </tr>
</table>
<div id="result">
asdasdasd
</div>​

完成这项工作所需的脚本应该是：

$('#1').click(function(){
if (($(this).attr('checked')) == 'checked')
    $('#result').text("PDF Document" + $('#tdId').text());
else
    $('#result').text("");

}); ​</p>

http://jsfiddle.net/n57Te/6/

Answer 3

如果你使用 jquery，试试这个：

$(function(){
    $('input[type=checkbox]').bind('click', function(){
        if($(this).attr('checked') == 'checked'){
            $('#results').html($('h4').text() + ': ' + $('.cost').text());
        }else{
            $('#results').html('');
        }
    });
});

我建议为您的元素使用 ID 属性。