0
<script language="javascript" type="text/javascript">

function moveNumbers(num) { 
   var txt=document.getElementById("result").value; 
   txt=txt + num; 
   document.getElementById("result").value=txt; 
} 
</script>

<textarea id="result" name="image_id" rows="8" cols="11" readonly>

</textarea>
<tr>

    <?php
        $path = "photos/";
        $dir_handle = @opendir($path) or die("Unable to open folder");
        echo "<table height='500px'width='800px'align='center'border='1'>";
        echo "<tr>";
        while (false !== ($file = readdir($dir_handle))) {

          if($file == "index.php")
          continue;
          if($file == ".")
          continue;
          if($file == "..")
          continue;

          echo ($x % 6 == 0) ? "</tr><tr>" : "";
          echo "<td><input type='checkbox' name='add' value='$file'             
          onclick='moveNumbers(this.value)'>
          <img src='photos/$file'alt='$file' style='height:auto;width:50%;'alt='$file'>
          <br>
          $file
          </td>";
          $x++;
       }
       echo "</tr>";
       echo "</table>";
       closedir($dir_handle);
   ?>

こんにちは、チェックボックスに問題があります。チェックボックスをクリックすると、テキスト領域にテキストが表示されますが問題ありません。チェックボックスをオフにするとテキストが削除される方法を理解しようとしています。EG チェックあり -> テキスト 123 入力、チェック解除 -> テスト 123 削除。乾杯。

4

2 に答える 2

1

したがって、テキスト ボックスがチェックされているかチェックされていないかによって、異なるアクティビティが必要になります。現時点では、チェックボックスをクリックするたびに 1 つのメソッドを呼び出すため、チェックボックスがクリックされたときにチェックボックスの状態を確認する必要があります。チェックボックスに ID を付け、Javascript をこれに置き換えます。

<script language="javascript" type="text/javascript">

function moveNumbers(num) { 
 if(document.getElementById("checkBoxId").checked){
  var txt=document.getElementById("result").value; 
  txt=txt + num; 
  document.getElementById("result").value=txt; 
 }
 else{
 document.getElementById("result").value=txt="";
 }
} 

</script>
于 2013-06-25T16:11:43.747 に答える
-1

jqueryを追加するだけで、これが役立ちます..

<script type='text/javascript'>        
$(document).ready(function(){
    $('#textCheck').change(function(){
        if($('#textCheck').attr('checked'))
        {
            $('#myTextArea').val($('#textinput').val());
        }
        else
        {
            $('#myTextArea').val('');
        }
    });
});
</script>
<input type = "text" name = 'textinput' id = 'textinput' />
<textarea name = 'myTextArea' id = 'myTextArea'></textarea>
<input type="checkbox" name='textChck' id='textCheck' />
于 2013-06-25T18:10:06.250 に答える