grabbing apex：jQueryを使ったcommandButton

Question

私はjQueryを使ってビジュアルフォース要素を取得しようとしています。

<apex:commandButton id="saveButton" value="Save"/> 

そして、私のdocument.readyに、私はこの文を持っている：

alert('button value ' + $("[id$=saveButton]").value); 

しかし、私はページをロードするときに私が得るすべては次のとおりです。私のソースで

は、ボタンは次のようになり、保存マイ

'ボタン値は未定義です'。

最終的に、JavaScript関数内からプログラムでボタンを無効にしたいと思いますが、私は要素をつかむことさえできません。

クロム検査官は私の要素は次のようになります。こう述べています。

<input id="j_id0:frm:searchBlock:saveButton" type="submit" name="j_id0:frm:searchBlock:saveButton" value="Save" onclick="saveButtonClicked();" class="btn" disabled="disabled"> 

任意の提案ですか？

Answer 1

alert('button value ' + $("#j_id0\\:frm\\:searchBlock\\:saveButton").val()); 

は無効にするには：

$("#j_id0\\:frm\\:searchBlock\\:saveButton").attr("disabled", ""); 

Answer 2

ミカ、あなたの基本的な問題は、jQueryののプロパティ.VALUEではありませんので、あなたが、これは未定義返す--- jQueryオブジェクトで.VALUE使用しているということですオブジェクト。 .val（）を使用します。

"ends-with"セレクタメソッドはうまくいきます.IdによってVisualforce要素を一貫して取得する最も簡単な方法です。ここで何も変更しないでください。

JavaScriptでこのボタンを操作しようとしている場合は、CommandButtonを使用しないことをお勧めします。通常の入力ボタンで実現できるCommandButtonで実現できるものは何でもあり、DIVのいくつかのレイヤーで包まれることが多い標準Visualforce要素（2）を心配する必要はありません（1）再発行の問題。たとえば、あなたが前（標準またはカスタムかどうか）のApexアクションを呼び出すには、いくつかのJavaScriptを行うには、まだあなたの「コマンドボタン」はpageBlockButtonsに表示してい、これをしたい場合：

<apex:pageBlockButtons> 
    <input type="button" class="btn" id="mySaveButton" 
     onclick="saveButtonClicked();" value="Save"/> 
</apex:pageBlockButtons> 

これは、レンダリングしますEXACTLYコマンドボタンのように見える、プラスあなたは簡単にjQueryでそれを無効にする/アクセスできるボタン：jQueryのを使用している場合

<script> 
var $j = jQuery.noConflict(); 

// To disable the button programmatically 
// (in jQuery 1.7+) on page load: 
$j(document).ready(function(){ 
    $j('#mySaveButton').prop('disabled',true); 
}); 
</script> 

Answer 3

、$("selector").val();ない$("selector").value;を使用しています。 $("selector").value;は未定義です。

あなたの場合、$("[id$=saveButton]").val();を使用してください。再度有効へ

$("[id$=saveButton]") 
    .attr("disabled", "disabled") 
    .removeClass("btn") 
    .addClass("btnDisabled"); 

：無効へ

提案された解決策は、（下記）で動作し、私が試し1は、特定のボタンに（失敗した理由を私は知っていた

$("[id$=saveButton]") 
    .removeAttr("disabled") 
    .removeClass("btnDisabled") 
    .addClass("btn");