0

チェックボックスを使用して、テキストエリアに特定のテキストを入力しようとしています。ただし、チェックボックスが選択されていない場合は、入力されたテキストを削除したいと思います。私はこれを試しました：

$('input:checkbox').click(function(){
var tb = "#"+$(this).attr('rel');
if($(this).is(":checked"))
$(tb).append(this.name + "\n"); 
else($(this).not(":checked"))
$(tb).remove(this.name + "\n");
});

無駄に。停止しますか？

編集
主要な前進...私は、スクリプトを再設計して、ほぼ正確に必要なことを実行する方法を理解しました。上記をこれに変更しました：

$('input:checkbox').click(function(){
var tb = "#"+$(this).attr('rel');
if($(this).is(":checked"))
$(tb).append(this.name + "\n")
else($(tb).empty(this.name + "\n"))
});

私の唯一の問題は、チェックボックスをオフにすると、テキストボックスからすべてのテキストがクリアされ、オフになっているチェックボックスに対応する特定のテキストのみをクリアしたい場合です。

4

1 に答える 1

0

以下のコードを試してみてください。

<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>                     

<script type="text/javascript">
    $(document).ready(function() {
$("input[type=checkbox]").click(function() {
    if ($(this).is(':checked'))
    $('#purchased').html($('#purchased').val() + $(this).attr('name') + "\n");
else
{
    var text = $('#purchased').val();
    text = text.replace($(this).attr('name') + "\n" ,"");
    $('#purchased').html(text);
}
  });
});
</script>
</head>
<body>
<textarea id="purchased" cols="25" rows="10"></textarea>
        <p>Pennsylvania State Standards, Subject 1: Reading, Writing, Speaking, and Listening</p>
        <ul>
            <li><input type="checkbox" rel="textbox" name="1.1. Reading Independently">1.1. Reading Independently</input></li>
            <li><input type="checkbox" rel="textbox" name="1.2. Reading, Analyzing, and Interpreting Text">1.2. Reading, Analyzing, and Interpreting Text</input></li>
            <li><input type="checkbox" rel="textbox" name="1.3. Reading, Analyzing, and Interpreting Literature: Fiction and Non-Fiction">1.3. Reading, Analyzing, and Interpreting Literature: Fiction and Non-Fiction</input></li>
            <li><input type="checkbox" rel="textbox" name="1.4. Types of Writing">1.4. Types of Writing</input></li>
            <li><input type="checkbox" rel="textbox" name="1.5. Quality of Writing">1.5. Quality of Writing</input></li>
            <li><input type="checkbox" rel="textbox" name="1.6. Speaking and Listening">1.6. Speaking and Listening</input></li>
            <li><input type="checkbox" rel="textbox" name="1.7. Characteristics and Functions of the English Language">1.7. Characteristics and Functions of the English Language</input></li>
            <li><input type="checkbox" rel="textbox" name="1.8. Research">1.8. Research</input></li>
            <li><input type="checkbox" rel="textbox" name="1.9. Information, Communication, and Technology Literacy">1.9. Information, Communication, and Technology Literacy</input></li>
        </ul>
</body>
</html>
于 2013-01-25T01:26:50.033 に答える