I'm guessing the reason its disabling all of them is that your running the code on a page level. Meaning the previous code looks like its not just checking for the checkboxes in one repeat but for the entire page. so when 3 of them get set, all on the page get disabled.

 

You need to do something more along the lines of: 

 

var repeat = dojo.byId('#{id:repeat1}'); 

var list = repeat.elementsByTagName('input'); 

for(x in list)

{

   if(list[x].type == "checkbox")

   {

       .....

   } 

} 

 

this will check inside one repeat (or panel etc.) for checkboxes and leave the rest alone.

 

also you can run serverside in client side with either a remote service or code along the lines of:

 

var temp = "#{javascript: document1.getItemValueString('From')}"; 

alert(temp); 

Great to hear you Simon.

 

As always you are very helpful. I found a little bug in your code (or maybe I made it buggy):

 

 var list = repeat.getElementsByTagName('input');

 

instead of:

 

var list = repeat.elementsByTagName('input'); 

 

But still it don't work at all... The code is pretty simple I tried to make disable all checkbox in repeat after check (for test your function). But as a interior script (in repeat control) this don't work at all.

 

This is script:

 

var repeat = dojo.byId('#{id:repeat1}');
var list = repeat.getElementsByTagName('input');  <== Here is problem I "debuged" it and write alert("debug") after this don't work so here is some error probably.

for(x in list)
{
   if(list[x].type == "checkbox")
   {
       list[x].disabled = true;
   }
} 

 

But there is a strange thing I made button above repeat control, and it partial work - it simply disable all checkboxes on page :)

 

 

Here is code of all (same only for test so its not so big):

 

 <xp:button value="Button Above Repeat" id="button3">
        <xp:eventHandler event="onclick" submit="false">
            <xp:this.script><![CDATA[var repeat = dojo.byId('#{id:repeat1}');
var list = repeat.getElementsByTagName('input');

for(x in list)
{
   if(list[x].type == "checkbox")
   {
       list[x].disabled = true;
   }
} ]]></xp:this.script>
        </xp:eventHandler></xp:button>
    <xp:br></xp:br><xp:repeat id="repeat1" rows="30" first="0" indexVar="index">

        <xp:this.value><![CDATA[#{javascript:return [0,1,2];}]]></xp:this.value>

        <xp:br></xp:br>

        <xp:text escape="true" id="computedField1">
            <xp:this.value><![CDATA[#{javascript:return "Repeat no: "+index;}]]></xp:this.value>
        </xp:text>
        <xp:br></xp:br><xp:button id="button4">
        <xp:this.value><![CDATA[#{javascript:return "Button Inside Repeat no: "+index;}]]></xp:this.value>
        <xp:eventHandler event="onclick" submit="false">
            <xp:this.script><![CDATA[var repeat = dojo.byId('#{id:repeat1}');
var list = repeat.getElementsByTagName('input');

for(x in list)
{
   if(list[x].type == "checkbox")
   {
       list[x].disabled = true;
   }
} ]]></xp:this.script>
        </xp:eventHandler></xp:button>
        <xp:repeat id="repeat2" rows="30" indexVar="index2">
            <xp:this.value><![CDATA[#{javascript:return [0,1,2,3,4,5,6];}]]></xp:this.value>
            <xp:checkBox text="#{javascript:return index2;}" id="checkBox1">


                <xp:eventHandler event="onchange" submit="false">
                    <xp:this.script><![CDATA[var repeat = dojo.byId('#{id:repeat1}');
var list = repeat.getElementsByTagName('input');

for(x in list)
{
   if(list[x].type == "checkbox")
   {
       list[x].disabled = true;
   }
} ]]></xp:this.script>
                </xp:eventHandler>

            </xp:checkBox>
            <xp:br></xp:br>
        </xp:repeat>
    </xp:repeat>

 

 

I have changed in inside inside buttons repeat1 to repeat2 and this works but problem is when I want to make this as a  onChange event in checkboxes - it don't work why ? Full code:

 

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:button value="Button Above Repeat" id="button3">
        <xp:eventHandler event="onclick" submit="false">
            <xp:this.script><![CDATA[var repeat = dojo.byId('#{id:repeat1}');
var list = repeat.getElementsByTagName('input');

for(x in list)
{
   if(list[x].type == "checkbox")
   {
       list[x].disabled = true;
   }
} ]]></xp:this.script>
        </xp:eventHandler></xp:button>
    <xp:br></xp:br><xp:repeat id="repeat1" rows="30" first="0" indexVar="index">

        <xp:this.value><![CDATA[#{javascript:return [0,1,2];}]]></xp:this.value>

        <xp:br></xp:br>

        <xp:text escape="true" id="computedField1">
            <xp:this.value><![CDATA[#{javascript:return "Repeat no: "+index;}]]></xp:this.value>
        </xp:text>
        <xp:br></xp:br><xp:button id="button4">
        <xp:this.value><![CDATA[#{javascript:return "Button Inside Repeat no: "+index;}]]></xp:this.value>
        <xp:eventHandler event="onclick" submit="false">
            <xp:this.script><![CDATA[var repeat = dojo.byId('#{id:repeat2}');
var list = repeat.getElementsByTagName('input');

for(x in list)
{
   if(list[x].type == "checkbox")
   {
       list[x].disabled = true;
   }
} ]]></xp:this.script>
        </xp:eventHandler></xp:button>
        <xp:repeat id="repeat2" rows="30" indexVar="index2">
            <xp:this.value><![CDATA[#{javascript:return [0,1,2,3,4,5,6];}]]></xp:this.value>
            <xp:checkBox text="#{javascript:return index2;}" id="checkBox1">


                <xp:eventHandler event="onchange" submit="false">
                    <xp:this.script><![CDATA[var repeat = dojo.byId('#{id:repeat2}');
var list = repeat.getElementsByTagName('input');

for(x in list)
{
   if(list[x].type == "checkbox")
   {
       list[x].disabled = true;
   }
} ]]></xp:this.script>
                </xp:eventHandler>

            </xp:checkBox>
            <xp:br></xp:br>
        </xp:repeat>
    </xp:repeat>

</xp:view>
 

the error being thrown in the browser console is " can not call getElementsByTagName() on null ", this doesn't mean this method is flawed, it can't find the repeat control that its trying to execute this on. getElementsByTagName only works on DOM elements and at the minute its trying to run against a null object, thats why its not working.

 

I'm not sure why but the client side expression :  var repeat = dojo.byId('#{id:repeat2}'); doesn't seem to be working from inside the repeat, I'm not sure why, thats why the button is working and the on change isn't. When I hardcoded this to the id of a repeat it worked fine. I would suggest something like having a hidden label that uses SSJS to get the client id of the repeat and instead of (#{id:repeat2})  get the innerHTML of the hidden label. Not the best solution but it will work.

Idea look pretty awsome ! But still nothing in my code:

 

<xp:button value="Button Above Repeat" id="button3">
        <xp:eventHandler event="onclick" submit="false">
            <xp:this.script><![CDATA[var repeat = dojo.byId('#{id:repeat1}');
var list = repeat.getElementsByTagName('input');

for(x in list)
{
   if(list[x].type == "checkbox")
   {
       list[x].disabled = true;
   }
} ]]></xp:this.script>
        </xp:eventHandler></xp:button>
    <xp:br></xp:br><xp:repeat id="repeat1" rows="30" first="0" indexVar="index">

        <xp:this.value><![CDATA[#{javascript:return [0,1,2];}]]></xp:this.value>

        <xp:br></xp:br>

        <xp:text escape="true" id="computedField1">
            <xp:this.value><![CDATA[#{javascript:return "Repeat no: "+index;}]]></xp:this.value>
        </xp:text>
        <xp:br></xp:br><xp:button id="button4">
        <xp:this.value><![CDATA[#{javascript:return "Button Inside Repeat no: "+index;}]]></xp:this.value>
        <xp:eventHandler event="onclick" submit="false">
            <xp:this.script><![CDATA[var repeat = dojo.byId('#{id:repeat2}');
var list = repeat.getElementsByTagName('input');

for(x in list)
{
   if(list[x].type == "checkbox")
   {
       list[x].disabled = true;
   }
} ]]></xp:this.script>
        </xp:eventHandler></xp:button>
        <xp:br></xp:br>
       
        <xp:label id="label1"><xp:this.value><![CDATA[#{javascript:var repeat2:com.ibm.xsp.component.xp.XspDataIterator = getComponent("repeat2");
return getClientId("repeat2");}]]></xp:this.value></xp:label><xp:repeat id="repeat2" rows="30" indexVar="index2">
            <xp:this.value><![CDATA[#{javascript:return [0,1,2,3,4,5,6];}]]></xp:this.value>
<xp:checkBox text="#{javascript:return index2;}" id="checkBox1">


                <xp:eventHandler event="onchange" submit="false">
                    <xp:this.script><![CDATA[//var repeat = dojo.byId('#{id:ta}');
var repeat = "#{javascript:getComponent("label1").getValue();}";
var list = repeat.getElementsByTagName('input');
alert(list);
for(x in list)
{
   if(list[x].type == "checkbox")
   {
       list[x].disabled = true;
   }
} ]]></xp:this.script>
                </xp:eventHandler>

</xp:checkBox><xp:br></xp:br></xp:repeat>
    </xp:repeat>