4

p:selectOneRadiojavascript / jqueryを使用して、どのラジオが選択されているかをどのように取得しますか？

は無線タグを使用しないため、p:selectOneRadioCSSセレクターを使用してチェックされたオプションを取得する方法がわかりません。

    <p:selectOneRadio onchange="reactToChangedRadio()" >
              <f:selectItem itemLabel="....." itemValue="..." />
              <f:selectItem itemLabel="....." itemValue="..." />
              <f:selectItem itemLabel="....." itemValue="..." />
    </p:selectOneRadio>
4

6 に答える 6

5

この問題は、pfウィジェットのgetJQメソッドを使用してjquery find（）で簡単に解決できます。

<p:selectOneRadio ... widgetVar="mySelectName" .../>

次のように呼び出すことで、現在の値を取得できます。

PF('mySelectName').getJQ().find(':checked').val();
于 2015-05-15T16:06:31.070 に答える
4

jqueryソリューションを使用するか、単純なjavascriptソリューションを選択できます。

document.getElementById("myFormId:mySelectId")[0].checked

CodeRanchからの投稿を参照してください：http：//www.coderanch.com/t/210871/JSF/java/selectOneRadio-javascript-value

更新：私は部門にいることを認めなければなりません、そしてそれについては申し訳ありませんが、昨日私は多くの時間がありませんでした...

私は昔ながらのjavascriptの方法でラジオの価値を得ることができなかったと言わなければなりません：

                 <script type="text/javascript">
                      /*  <![CDATA[ */

                        function reactToChangedRadio(){
                           alert("I'm in!");
                           var myval;
                            for(i=0;i<3;i++){
                                    if(document.forms['myFormId']['myFormId:myRadio'][i].checked == true ){
                                        myval = document.forms['myFormId']['myFormId:myRadio'].text/value;
                                    }
                                }
                                alert( "val = " + myval );
                        }
                    /*    ]]> */
                </script>

一方、このハードコードされたソリューションは機能します。

                 <script type="text/javascript">
                      /*  <![CDATA[ */

                        function reactToChangedRadio(){
                           alert("I'm in");
                           var myval;
                           if(document.forms['myFormId']['myFormId:myRadio'][0].checked == true ){
                              myval = "first button";
                           }else if(document.forms['myFormId']['myFormId:myRadio'][1].checked == true ){
                              myval = "second button";
                           }else if(document.forms['myFormId']['myFormId:myRadio'][2].checked == true ){
                              myval = "third button";
                           }

                           alert( "val = " + myval );
                        }
                    /*    ]]> */
                    </script>

、しかしもちろん、Primefacesのパワーのために、サーバー側のソリューションがあります（ReuqestContextコンポーネントを使用）：

                 <h:form id="myFormId">
                        <p:selectOneRadio id="myRadio" value="#{handleFiles.radioVal}" >
                            <p:ajax event="change" oncomplete="handleComplete(xhr, status, args)" listener="#{handleFiles.testMethod}" />
                            <f:selectItem itemLabel="1" itemValue=" first" />
                            <f:selectItem itemLabel="2" itemValue=" second" />
                            <f:selectItem itemLabel="3" itemValue=" third" />
                        </p:selectOneRadio>
                    </h:form>
<script type="text/javascript">
 function handleComplete(xhr, status, args) {  
    alert("Selected Radio Value" + args.myRadVal);  
 } 
</script>

サーバー側のコード：

private String radioVal;

public String getRadioVal() {
    return radioVal;
}

public void setRadioVal(String radioVal) {
    this.radioVal = radioVal;
}

public void test(){
    RequestContext context = RequestContext.getCurrentInstance();  
    context.addCallbackParam("myRadVal", radioVal);
    System.out.println("radioVal: "+radioVal);
}

ReuqestContextコンポーネントはここにあります：http：//www.primefaces.org/showcase-labs/ui/requestContext.jsf （ PF 3のみ）

于 2011-12-05T14:31:24.997 に答える
2

JSで選択したアイテムの値だけが必要な場合は、this.valueパラメーターを使用して関数を呼び出すことができます。PFで生成されたHTMLの内部を見てください。

<input id="{component_id}:{index}" name="{component_id}" type="radio" value="{itemValue}"
    checked="checked" onchange="reactToChangedRadio(this.value);">
...

それぞれについてselectItem。したがってthis.value、完全に機能します。検索する必要はありませんchecked。

<script>
    function reactToChangeRadio(par){
        alert('Value of selected item is: ' + par);
    }
</script>

<p:selectOneRadio onchange="reactToChangedRadio(this.value);" >
          <f:selectItem itemLabel="....." itemValue="..." />
          <f:selectItem itemLabel="....." itemValue="..." />
          <f:selectItem itemLabel="....." itemValue="..." />
</p:selectOneRadio>

または、関数に渡しthis.idてjQueryセレクターで使用することもできます。

于 2013-09-26T13:31:32.747 に答える
0

：checked疑似セレクターを使用しています：詳細はこちら： http： //api.jquery.com/checked-selector/

 $(":checked")
于 2011-12-05T12:55:59.387 に答える
0

次のようにチェックされたものを除いて、すべてのラジオボタンを無効にするだけです。

<h:selectOneRadio id="rad" ... onclick="dataTableSelectOneRadio(this)" >
  <f:selectItems .... />
</h:selectOneRadio>

そして、これがあなたのスクリプトです：

function dataTableSelectOneRadio(radio){
      var id = radio.name.substring(radio.name.lastIndexOf(':'));
      var temp = radio.name.lastIndexOf(':') - 1;
      var index = radio.name.substring(temp,temp+1);
      var el = radio.form.elements;

       for(var i = 0 ; el.length; i++)
       {
          if(el[i].name.substring(el[i].name.lastIndexOf(':')) == id) {
              if(el[i].name.indexOf(index) != -1)
                  el[i].check = true;
              else
                   el[i].check = false;

           }
       }

}

于 2012-10-22T11:47:16.400 に答える
0

この質問に対する1行の解決策があり、ページに複数のselectOneRadio入力がある場合も処理します。

フォームが呼び出されmyForm、selectOneRadio入力のIDmyRadioがの場合、次の行で選択された値が取得されます。

$('[id^=myForm\\:myRadio]:checked').val()

これが機能するのは、すべての内部入力に。で始まるIDが与えられているためmyForm:myRadioです。上記の行は、その文字列で始まるすべてのエンティティを検索し、チェックされたエンティティのみを選択します。一度にチェックできるラジオボタンは1つだけなので、これにより、選択したラジオボタンが表示されます。次に、その値を簡単に取得できます。

于 2017-05-09T09:38:03.117 に答える