inputFileObject.multipleプロパティ

inputFileObject.multipleは、ファイル入力欄(type属性がfileであるinput要素)のmultiple属性の値を取得、もしくは、設定するプロパティ。

multiple属性には、ファイル入力欄(type属性がfileであるinput要素)に複数のファイルを入力出来るようにするかどうかを指定することができる。

構文

取得

var $multiple = $inputElementReference.multiple;

戻り値

ファイル入力欄(type属性がfileであるinput要素)のmultiple属性の値。

  • 複数入力が可能であれば、trueを返す。
  • 複数入力が可能でなければ、falseを返す。

設定

$inputElementReference.multiple = boolean;
boolean
複数入力を可能にするかどうかを指定。
  • true:複数入力可能にする。
  • false:複数入力可能にしない。

サンプル

ファイル入力欄のmultiple属性の値:

ファイル入力欄:

サンプルの動作について

  • 「true」ボタンをクリックすると、ファイル入力欄を複数入力可能にする。「ファイル入力欄のmultiple属性の値:」の右横に「true」と表示する。
  • 「false」ボタンをクリックすると、ファイル入力欄を複数入力不可能にする。「ファイル入力欄のmultiple属性の値:」の右横に「false」と表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function setMultiple( $multiple ) {
    var $elementReference = document.getElementById( "sample" );
    $elementReference.multiple = $multiple;
    var $multiple = $elementReference.multiple;
    document.getElementById( "sampleOutput" ).innerHTML = $multiple;
}
</script>

HTML

<p>
    <button onclick="setMultiple(true);">true</button>
    <button onclick="setMultiple(false);">false</button>
</p>
<p>ファイル入力欄のmultiple属性の値:<span id="sampleOutput"></span></p>
<p>ファイル入力欄:<input type="file" id="sample" name="sampleName" multiple></p>

スポンサード リンク

カテゴリー: DOM, input type=file オブジェクト, JavaScript, リファレンス パーマリンク