-1

次の手続きをどのように進めるかについて少し混乱しています

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

今私が欲しいのは、コストが99.99ドルの「PDFドキュメント」という単語です。チェックボックスがオンになっていると、別のdvパネルに表示されます。

Plsは私に関連する例を教えてください.How to start

4

3 に答える 3

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;
}
于 2012-12-18T15:13:10.607 に答える
0

tdコストを持つ にid を追加し、 にも 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/

于 2012-12-18T15:17:25.940 に答える
0

jquery を使用している場合は、これを試してください。

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

要素には ID 属性を使用することをお勧めします。

于 2012-12-18T15:26:09.217 に答える