0

このプラグインを使用して、チェックボックスと iOS のルック アンド フィールを提供しています 。

どうやら、ChromeまたはFirefox DOMインスペクターを使用すると、非表示のチェックボックスの入力値には触れません。定義された状態を検出するフォームを送信した後は完全に機能しますが、常に同じままです。（やり方はわかりませんが…）

現在、いくつかの入力選択を使用しており、値 (yes または no) に応じて別の要素が表示されます。

HTML:

<select name="announcement" id="announcement">
    <option value="0">No</option> 
    <option value="1">Yes</option>
</select>

jQuery 変更検出:

$('#announcement').change(function(){
    if($(this).val() == 0 ){
        $('#listOfCompanies').show();
    }else{
        $('#listOfCompanies').hide();
    }
});

今、私は最初のものを次selectのようなチェックボックスに変換しました:

<input type="checkbox" name="announcement" value="1" id="announcement">

iOS プラグインを使用するときにチェックボックスの値を検出する方法はありますか?

$('#announcement').change(function(){チェックボックスの値が DOM 要素で変更されないため、機能しません。

4

1 に答える 1

1

ダウンロードに付属する jquery-demo html を見ると、onchange イベント ハンドラーをバインドする方法の例が示されています。

$('#announcement').iphoneStyle({
    onChange: function(elem, value) { 
      // not sure what comes up as the arguments passed in.. but to find out you can do console.log(arguments)
      $('#listOfCompanies').toggle(!value);
    }
});

編集：

チェック済み/未チェックのラベルオプションを同時に渡してみてください

$('#announcement').iphoneStyle({
    checkedLabel: 'your checked label',
    uncheckedLabel: 'your unchecked label',
    onChange: function(elem, value) { 
      // not sure what comes up as the arguments passed in.. but to find out you can do console.log(arguments)
      $('#listOfCompanies').toggle(!value);
    }
});
于 2013-01-07T16:19:37.867 に答える